@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } 
body{ margin:0 auto; padding:0px;font:14px/1.5  微软雅黑,Microsoft Yahei; color:#000; overflow-x:hidden; font-weight:normal; background:#fff;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
img{border:0;}
ol,ul{list-style:none; }
a{ color:#000; text-decoration:none}
*{ text-shadow:none; box-sizing: border-box;}
.ui-content{ margin:0; padding:0;}
input[ type="radio"],input[ type="checkbox"]{ display:none;}
.ui-checkbox-on:after{ background-color: #f9384d!important;}
.ui-radio-on:after{ border-color: #f9384d!important;}
/*#mypage { padding-bottom: 53px !important; }*/
/*数量*/
#mypage .num a {background: #ffffff; width: 30px; border: 1px solid #bfbfbf;color: #999999;display: block;float: left;font-family: "微软雅黑";font-size: 20px;font-weight: normal;padding: 0 6px;text-align: center; color:#434343; }
#mypage .num .ui-input-text { border-bottom: 1px solid #bfbfbf;border-radius: 0; border-top: 1px solid #bfbfbf; box-shadow: none;float: left;height: 32px;margin: 0; width: 45px;}
#mypage .num .ui-input-text input {box-shadow: none; text-align: center;}

/*===========================全局header=================================*/
/*#mypage .ui-header{ background:url(../images/search_headerbg.jpg) no-repeat center top; background-size:cover; border:none;}*/
#mypage .ui-header{ background:#f9384d; border:none;}
#mypage .ui-header td a{ background:none; border:none; box-shadow:none; margin:0; padding:5px;}
#mypage .ui-header .ui-input-clear{ top:0;}
#mypage .ui-header a img{ width:16px;}
#mypage .ui-header table td{ text-align:center;}
#mypage .ui-header .ui-input-search{ box-shadow:none; border-radius:0; border:none;}
#mypage .ui-header .ui-input-btn{ background-color:#d82239; width: 80%; color:#fff; font-weight:normal; border:none; box-shadow:none;}

/*===========================全局footer=================================*/
#mypage .ui-footer{ background:#fff; border:none; text-align:center; border-top:1px solid #e0e0e0;}
/*#mypage ul.footer li .position{ position:absolute; right:50%; top:3px; padding:0.5em; border-radius:10px; background:#ff3638; margin-right:-25px;}*/
#mypage ul.footer li img{ width:25px; position:relative;}

#mypage ul.footer.bbs li a{background:#fff; padding:5px 0; border:none; font-weight:normal; font-family:"微软雅黑"; color:#a8a8a8;}
#mypage ul.footer.bbs li a div{ width:20px; height:20px; margin:2px auto 4px; background: url(../images/footer/footericon.png) 0 0 no-repeat; background-size:400% 200%;}
#mypage ul.footer.bbs li:nth-child(2) a div{ background-position: -20px 0;}
#mypage ul.footer.bbs li:nth-child(3) a div{ background-position: -50px 0; height:25px; width:25px; margin:0 auto 0;}
#mypage ul.footer.bbs li:nth-child(4) a div{ background-position: -60px 0;}
#mypage ul.footer.bbs li:nth-child(2) a.active div{ background-position: -20px -20px;}
#mypage ul.footer.bbs li:nth-child(3) a.active div{ background-position: -50px -25px;}
#mypage ul.footer.bbs li:nth-child(4) a.active div{ background-position: -60px -20px;}

#mypage ul.footer.shop li a{background:#fff; padding:5px 0; border:none; font-weight:normal; font-family:"微软雅黑"; color:#a8a8a8;}
#mypage ul.footer.shop li a div{ width:20px; height:20px; margin:0 auto; background: url(../images/footer/footericonshop.png) 0 0 no-repeat; background-size:400% 200%;}
#mypage ul.footer.shop li:nth-child(2) a div{ background-position: -21px 0;}
/*#mypage ul.footer.shop li:nth-child(3) a div{ background-image:none!important;}
#mypage ul.footer.shop li:nth-child(4) a div{ background-position: -42px 0;}
#mypage ul.footer.shop li:nth-child(5) a div{ background-position: -62px 0;}*/
#mypage ul.footer.shop li:nth-child(3) a div{ background-position: -42px 0;}
#mypage ul.footer.shop li:nth-child(4) a div{ background-position: -62px 0;}
#mypage ul.footer.shop li a.active div{ width:20px; height:20px; margin:0 auto; background: url(../images/footer/footericonshop.png) 0 -20px no-repeat; background-size:400% 200%;}
#mypage ul.footer.shop li:nth-child(2) a.active div{ background-position: -21px -20px;}
/*#mypage ul.footer.shop li:nth-child(4) a.active div{ background-position: -42px -20px;}
#mypage ul.footer.shop li:nth-child(5) a.active div{ background-position: -62px -20px;}*/
#mypage ul.footer.shop li:nth-child(3) a.active div{ background-position: -42px -20px;}
#mypage ul.footer.shop li:nth-child(4) a.active div{ background-position: -62px -20px;}
#mypage ul.footer.shop li:nth-child(4) a.active i { display: none; }

#mypage ul.footer li a.active p{ color:#f9384c;}
#mypage ul.footer li:nth-child(4) a p { position: relative; }
#mypage ul.footer li:nth-child(4) a p i { position: absolute; right: 28%; top: -120%; width: 10px; height: 10px; background: url(../images/msg-icon.png) no-repeat; background-size: cover; }
@media(max-width:320px)
{
  #mypage ul.footer li:nth-child(4) a p i { right: 24%; } 
}
@media(min-width:600px)
{
  #mypage ul.footer li:nth-child(4) a p i { right: 40%; } 
}
#mypage ul.footer li p{ text-align:center; line-height:16px; font-size:12px;}

.submit_footer{ background:#fff; padding:0 10px;}
.submit_footer table td:nth-child(1){ width:50%; color:#333; font-weight:normal; font-family:"微软雅黑"; font-size:14px; }
.submit_footer table td i, .submit_footer table td span{ color:red}
.submit_footer table td i{ font-size: 10px; font-style: normal;margin: 0 3px;}
.submit_footer .ui-btn-i{ background:#f9384d!important;}

/*#mypage .ui-footer .footer .active{ background-image:url(/wap/shop/images/footer_active.png); background-position:center top; background-repeat:no-repeat; background-size:20px 5px;}*/

/*登录and注册*/
#mypage #login .ui-input-text{ margin:0;box-shadow:none; border:none;}
#mypage #login .ui-input-text input{margin-top:3px;}
#mypage #login .btn1{ margin:2em 0 0;}
#login{ padding:10px;}
#login .loginLIST{ overflow:auto; zoom:1; background:#fff; box-shadow:1px 1px 1px #e0e0e0;  margin:0 0 10px; border:1px solid #089b55; border-radius:5px; position:relative;}
.loginLIST .left{ float:left; width:40px; overflow:hidden; text-align:center; /*background:url(../images/login_iconbg.jpg) no-repeat; background-size:cover;*/background:#089b55; height:35px;}
.loginLIST .left img{ width:24px; height:24px; margin:4px auto 0;}
.loginLIST .right{width:calc( 100% - 40px ); width:-webkit-calc( 100% - 40px ); width:-moz-calc( 100% - 40px ); float:left;}
#mypage #login .msg-box{ position:absolute; right:5px; top:10px;}
#mypage #login .YZM .msg-box{ position:absolute; right:75px; top:10px;}
.loginLIST .center{width:calc( 100% - 40px ); width:-webkit-calc( 100% - 40px ); width:-moz-calc( 100% - 40px ); float:left; overflow:auto; zoom:1;}
.loginLIST .center .inputtext{width:calc( 100% - 70px ); width:-webkit-calc( 100% - 70px ); width:-moz-calc( 100% - 70px ); float:left;}
.loginLIST .center .textlink{ float:right; width:70px; text-align:center; background:#089b55;}
#mypage .loginLIST .textlink a,#mypage .loginLIST .textlink .sendinput{ color:#fff; font-family:"微软雅黑"; font-weight:normal; font-size:12px; display:block; line-height:35px;}
#mypage #login .text{ margin:1em 0;}
#mypage #login .text a{font-family:"微软雅黑"; font-weight:normal; font-size:12px;}
#mypage #login .text a:nth-child(2n+1){ color:#666;}
#mypage #login .text a:last-child{ float:right; color:#999;}
#mypage .loginLIST .textlink .ui-btn{ background:none; border:none; margin:0;color:#fff; font-family:"微软雅黑"; font-weight:normal; font-size:12px; display:block; line-height:35px; padding:0;opacity:1;}

#login .otherlogin .title{ border-bottom:1px solid #e0e0e0; position:relative; margin:5em auto 2em;}
#login .otherlogin .title .uname{ position:absolute; left:50%; top:-10px; width:100px; text-align:center; margin-left:-50px; color:#999; font-family:"微软雅黑"; font-weight:normal; font-size:12px; background:#f4f4f4;}
#login .otherlogin ul{ overflow:auto; zoom:1;}
#login .otherlogin ul li{ float:left; width:33.333%; text-align:center;}
#login .otherlogin ul li img{ display:block; width:35px; margin:0 auto;}
#login .otherlogin ul li p{ color:#999;font-family:"微软雅黑"; font-weight:normal; font-size:12px;}

.onlybutton{ margin:1em;}


/*==============================banner=============================*/
#banner .bx-wrapper .bx-pager{ position:absolute; bottom:10px;}
#banner .bx-wrapper .bx-pager.bx-default-pager a {background:rgba(0, 0, 0, 0.50)!important; filter:Alpha(opacity=50);text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#banner .bx-wrapper .bx-pager.bx-default-pager a:hover,#banner .bx-wrapper .bx-pager.bx-default-pager a.active {background:rgba(255, 255, 255, 0.99)!important; filter:Alpha(opacity=99);}

#mypanel h2{ color:#000; font-family:"微软雅黑"; font-weight:normal; font-size:14px;}
#mypanel .ui-collapsible-heading a{ color:#000; font-family:"微软雅黑"; font-size:14px;}
#mypanel .ui-listview a{color:#000; font-family:"微软雅黑"; font-size:14px; background:#fff; padding-left:2em;}
#mypanel .ui-listview a.active{ color:#666;}
#mypanel .ui-icon-plus::after{ background:url(../images/right_icon2.png) no-repeat; background-size:contain;}
#mypanel .ui-icon-minus::after{ background:url(../images/bottom_icon1.png) no-repeat; background-size:contain;}
#mypanel .ui-icon-carat-r::after{ background:none;}

/*==================评价====================*/
.pingjia_box1{ background:#f9fafa; }
.pingjia_box1 .left{ float:left; width:75px; height:75px;}
.pingjia_box1 .right{ font-size:12px; font-weight:normal; float:right; width:calc( 100% - 85px ); width:-webkit-calc( 100% - 85px ); width:-moz-calc( 100% - 85px );}
.pingjia_box1 .right h3{ color:#666; font-size:12px; font-weight:normal; height:40px; overflow:hidden; }
.pingjia_box1 .right p{ color:#999; }
.pingjia_box1 .right p span{ color:#f9384d;}

.pingjia_box1 .product{background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #ddd; margin: 1em 0; padding: 10px;}

.pingjia_box1 .comment .image_list{ overflow:hidden;}
.pingjia_box1 .comment .image_list .image_item{ float:left; width:80px; height:80px; margin-right:10px; margin-bottom:10px; position:relative;}
.pingjia_box1 .comment .image_list .image_item img{ position:absolute; left:0; right:0; top:0 ;bottom:0; margin:auto; max-height:100%; max-width:100%;}
.pingjia_box1 .comment .image_list .image_item a{ position:absolute; top:0; right:0; z-index:9;}
.pingjia_box1 .comment{background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #ddd; margin: 1em 0; padding: 10px;}
.pingjia_box1 .comment form .bttn img{ border:none; display:block; width:35px; margin:0.6em 0;}
#mypage .pingjia_box1 .submitBtn{ margin-top:20px; padding:0 10px;}
#mypage .pingjia_box1 .submitBtn a{ background:#f9384d; color:#fff; font-weight:normal; font-size:14px; padding:0.5em 0; display:block; text-align:center; border:none;}

/* star */
.pingjia_box1 #star{position:relative;width:100%;height:35px; overflow:hidden; }
.pingjia_box1 #star span{float:left;display:inline;height:35px;line-height:35px; margin:0; color:#666;  font-weight:normal; font-size:12px;}
.pingjia_box1 #star ul{ width:55%; float:left;}
.pingjia_box1 #star ul::after{ content:""; display:block; clear:both;}
.pingjia_box1 #star li{ box-shadow:none;float:left;width:18%; height:36px; cursor:pointer;text-indent:-9999px;background:url(../images/star.png) no-repeat; margin:0px;}
.pingjia_box1 #three #star li{ border:none;}
.pingjia_box1 #star strong{color:#f60;}
.pingjia_box1 #star li.on{background-position:0 -35px;}

/*添加照片*/
.pingjia_box1 p.image_list{ overflow:auto; zoom:1;}
.pingjia_box1 p.image_list .image_item{ float:left; width:30%; text-align:center; margin:0 2.222% 1em; position:relative;}
.pingjia_box1 p.image_list .image_item:nth-child(3n+1){ margin-left:0;}
.pingjia_box1 p.image_list .image_item:nth-child(3n+3){ margin-right:0;}
.pingjia_box1 p.image_list .image_item img{ display:block; width:100%;}
.pingjia_box1 p.image_list #del-btn{ position:absolute; right:0px; top:0px; color:#333; font-family:"微软雅黑"; font-weight:normal; font-size:14px; background:#fff; border-radius:0 0 0 50px; display:block; width:15px; height:20px; padding-left:5px;}

/*=============================搜索=============================*/
#searchnav{ border-bottom:1px solid #e0e0e0;}
#searchnav li:first-child{ border-right:1px solid #e0e0e0;}
/*.search{ margin:1em;}
.search .search_box li{ float:left; margin:10px;}
#mypage .search .search_box li a{ color:#353535;font-size:14px; font-family:"微软雅黑"; font-weight:normal; padding:3px 6px; border:1px solid #e0e0e0;}
.search_delete{ margin-bottom:1em;}
.search_delete li{ border-bottom:1px dashed #e0e0e0; padding:10px 15px;}
#mypage .search_delete li a{color:#353535;font-size:14px; font-family:"微软雅黑"; font-weight:normal;}
.search_list{ padding:10px 1em; color:#000;font-size:14px; font-family:"微软雅黑"; font-weight:normal;}
.search_list span{ color:#ff0000;}
.search_list label{ color:#959595;font-size:14px; font-family:"微软雅黑"; font-weight:normal;}
.search_list label img{ width:17px; margin-right:5px; vertical-align:sub;}
.search_list li:nth-child(2n+1){ float:left; width:70%;}
.search_list li:nth-child(2n+2){ float:right; width:30%;}*/
.prolist_nav{ position:relative;}
.prolist_nav .navbox{border-bottom:1px solid #e0e0e0; background:#fff; margin:0; position:absolute; left:0; top:35px; width:100%; z-index:10;}

/*#mypage .more_btn a{ background:#f0f0f0; border:1px solid #e0e0e0; border-radius:5px; display:block; text-align:center; padding:0.7em 0; color:#353535; font-family:"微软雅黑"; font-size:14px; font-weight:normal;}*/

.hot_search{ margin-top:20px; padding:0 10px;}
.hot_search h3{ font-weight:normal; font-size:14px;}
.hot_search ul{ float:left; width:100%; margin-top:15px;}
.hot_search ul li{ float:left; color:#666; padding:3px 8px; border:1px solid #e0e0e0; margin:0 15px 15px 0; background-color: #fff;}
/*.hot_search ul li:nth-child(3n+1){ background:url(../images/i.gif) bottom repeat-x,url(../images/i.gif) right repeat-y}
.hot_search ul li:nth-child(3n+2){ background:url(../images/i.gif) bottom repeat-x,url(../images/i.gif) right repeat-y}
.hot_search ul li:nth-child(3n+3){ background:url(../images/i.gif) bottom repeat-x,url(../images/i.gif) right repeat-y}
.hot_search ul li:hover,.hot_search ul li:active{color:#999; background:#e0e0e0}		*/			


/*=============================筛选=============================*/
#choosepanel .ui-panel-inner{ padding:0; margin:0;}
#choosepanel .ui-header{ background:#fff; border:none; border-bottom:1px solid #bcbcbc;}
#choosepanel .ui-header .ui-title{ color:#000; font-family:"微软雅黑"; font-weight:normal; font-size:16px;}
#choosepanel .ui-header .ui-btn{ box-shadow:none; border:none; background:none; color:#4f4f4f; font-family:"微软雅黑"; font-size:14px; font-weight:normal;}
#choosepanel .panelfooter{ position:fixed; bottom:0; width:74.5%; text-align:center; background:#cdcdcd;}
#choosepanel .panelfooter a{ color:#474747; font-family:"微软雅黑"; font-size:12px; background:#fff; border:1px solid #474747; border-radius:5px;}
#choosepanel .ui-icon-carat-r::after{ background:url(../images/right_icon.png) no-repeat center; background-size:contain;}
#choosepanel .ui-collapsible-inset,#choosepanel .ui-collapsible-set{ margin:0;}
#choosepanel .ui-collapsible-set .ui-collapsible{ margin:10px 0;}
#choosepanel .ui-collapsible .ui-listview .ui-btn{ background:#fff; color:#666; font-family:"微软雅黑"; font-size:12px;}
#choosepanel .ui-icon-minus::after{ background:url(../images/top_icon.png) no-repeat center; background-size:contain;}
#choosepanel .ui-icon-plus::after{ background:url(../images/bottom_icon.png) no-repeat center; background-size:contain;}
#choosepanel .ui-collapsible .ui-btn{ background:#fff; color:#000; font-family:"微软雅黑"; font-size:14px;}
#choosepanel .ui-collapsible h2 span{ float:right; color:#999; font-family:"微软雅黑"; font-size:14px; display:block; width:50%;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all; text-align:right;}
#choosepanel .ui-collapsible h2 font{ display:block; width:50%; float:left;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;}
#choosepanel .ui-collapsible .act{ color:#089b55;}
#choosepanel .ui-collapsible .ui-checkbox label,#choosepanel .ui-collapsible .ui-radio label{ border:none;}
#choosepanel .ui-checkbox,#choosepanel .ui-radio{ border-top:1px dashed #e0e0e0; padding:0;}
#choosepanel .ui-checkbox:first-child,#choosepanel .ui-radio:first-child{ border-top:none;}
#choosepanel .ui-controlgroup{ margin:0;}
#choosepanel .ui-checkbox label.ui-btn,#choosepanel .ui-radio label.ui-btn{ padding-left:5px; padding-right:0px;color:#999; font-family:"微软雅黑"; font-size:12px;}



/*=============================选择自提门店=============================*/
#mypage .choose .ui-radio{ width:25px; float:left;  margin:0; position:inherit;}
#mypage .choose .ui-radio label.ui-btn{ background:none; border:none; width:25px; display:block; position:absolute; left:5px; top:50%; margin-top:-9px; }
.choose .boxlist{ margin-bottom:1em; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:10px; position:relative;}
.choose .btn{ margin:2em 1em;}	
.choose .center{ width:90%; float:left; padding-left:30px;}
.choose .center h2{ color:#000; font-family:"微软雅黑"; font-size:14px; font-weight:normal;}
.choose .center p{ color:#333; font-family:"微软雅黑"; font-weight:normal; font-size:12px;}	

/*===================新增收货地址====================*/
#mypage .add_address .ui-btn-icon-notext.ui-btn-left{ top:2px;}
#mypage .add_address .ui-icon-carat-d:after{ background:url(../images/bottom_icon.png) no-repeat right center; background-size:contain;}
#mypage .add_address .ui-input-text{ margin:0; box-shadow:none; border:none;}
#mypage .add_address .ui-select{ margin:0; box-shadow:none; width:100%;}
#mypage .add_address .ui-checkbox .ui-btn{ background:#fff; border:1px solid #fff;}
#mypage .add_address .ui-checkbox{ margin:0; float:right;}
#mypage .add_address .ui-btn.ui-icon-carat-d.ui-btn-icon-right.ui-corner-all.ui-shadow{ background:none; border-radius:0; border:1px solid #e0e0e0; text-align:left; padding:8px 5px; box-shadow:none; color:#353535; font-size:14px; font-family:"微软雅黑"; font-weight:normal;}
#mypage .add_address .ui-input-text input,#mypage .add_address .ui-input-text{color:#353535; font-size:14px; font-family:"微软雅黑"; font-weight:normal;}
.add_address ul{ overflow:auto; zoom:1; background:#fff; border-bottom:1px solid #e0e0e0; padding:8px 10px;}
.add_address li:nth-child(2n+1){ float:left; width:25%; text-align:right; color:#8e8e8e; font-weight:normal; font-size:14px; font-family:"微软雅黑"; line-height:30px;}
.add_address li:nth-child(2n+2){ float:right; width:70%;}
.add_address .btn{ margin:2em 1em;}
.add_address .ui-select .msg-box{ margin-right:30px; top:5px;}
.add_address>div a.ui-btn{ box-shadow:none; border:none; background:#f9384d; color:#fff;}

/*====================选择收货地址/收货地址管理======================*/
.address .boxlist{ border-bottom:1px solid #eee; padding:10px; position:relative; background:#fff;}
.address .boxlist:last-child{ border-bottom:1px solid #ddd;}
.address .center{ width:77%; float:left; padding-left:30px;}
.address .left img{ position:absolute; width:25px; left:5px; top:50%; margin-top:-13px;}
.address .right img{position:absolute; width:25px; right:5px; top:50%; margin-top:-9px;}
.address .center p{ color:#333;}
.address .center .text{ color:#999;}
.address .center p span{ color:#999; margin-left:8px;}
.ADDress .ui-icon-carat-r:after{ background: url(/wap/shop/images/add_icon1.png) no-repeat right center; background-size: contain; }
.ADDress .ui-content .ui-listview-inset, .ui-panel-inner > .ui-listview-inset{ margin: 0; box-shadow: none; }
.ADDress .ui-listview > li.ui-first-child, .ui-listview > li.ui-first-child > a.ui-btn{ border-top: none;}
 .ADDress .ui-btn.ui-btn-icon-right.ui-icon-carat-r{background: #dadada;color: #353535; font-size: 14px; border-radius: 0px; font-family: "微软雅黑";}
#addressList .ui-radio{ width: 25px; float: left;}
#mypage #addressList .ui-radio label.ui-btn{ background: none; border: none; width: 25px; display: block; position: absolute;left: 5px;top: 50%; margin-top: -9px;}
 #addressList .ui-radio{ margin: 0; position: inherit;}
 #AddressList .addsite{ background:#fff; border-top:1px solid #eee;}
#AddressList .addsite a{ background:none!important;}
 #AddressList #div_address_list{ background:#fff;}

/*===================退款申请==============================*/
.selectbox{ margin:1em; padding:10px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e8e8e8,endColorStr=#d2d2d2); /*IE 6 7 8*/ 
background:-moz-linear-gradient(top,#e8e8e8,#d2d2d2);/*火狐*/  
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e8e8e8), to(#d2d2d2));/*谷歌 afari 4-5, Chrome 1-9*/          
background: -webkit-linear-gradient(top, #e8e8e8, #d2d2d2);   /*Safari5.1 Chrome 10+*/ 
background: -o-linear-gradient(top, #e8e8e8, #d2d2d2);  /*Opera 11.10+*/
}
.selectbox td{ color:#848484; font-family:"微软雅黑"; font-size:14px;}
.selectbox td:nth-child(2n+1){ width:70px;}
.addphoto{ margin:1em; overflow:auto; zoom:1;}
.addphoto li{ float:left; width:23%; margin:0 1% 10px; text-align:center;}
.addphoto p{ color:#898989; font-family:"微软雅黑"; font-weight:normal; font-size:12px; text-align:center;}
.addphoto img{ display:block; width:40px; margin:0 auto;}
.selectbox_btn{ margin:3em 1em 0;}

/*===================个人中心-我的收藏====================*/
.shoucang_pp .title{ border-bottom:1px solid #e0e0e0;  padding:10px; color:#000;font-size:14px; font-weight:normal; font-family:"微软雅黑";}
.shoucang_pp .title span{ color:#de434e;}
.shoucang_pp .shoucang_list{ background:#fff; border-bottom:1px solid #e0e0e0; padding:10px;}
.shoucang_pp .shoucang_list .left{ float:left; width:75px; height:75px;}
.shoucang_pp .shoucang_list .left img{ display:block; width:100%;}
.shoucang_pp .shoucang_list .center h2{ height:40px; overflow:hidden; color:#303537; font-size:14px; font-weight:normal; font-family:"微软雅黑";}
.shoucang_pp .shoucang_list .center p{ color:#7c7c7c; font-size:14px; font-weight:normal; font-family:"微软雅黑"; margin-top:5px;}
.shoucang_pp .shoucang_list .right{ width:25px; float:right;}
.shoucang_pp .shoucang_list .right img{ width:25px;}
@media screen and (max-width:320px) {
  .shoucang_pp .shoucang_list .center{ float:left; width:50%; margin-left:10px;}
}
@media screen and (min-width: 320px) {
  .shoucang_pp .shoucang_list .center{ float:left; width:63%; margin-left:10px;}
}

/*===================空购物车====================*/
.cart_icon{ width:100%; float:left; text-align:center; margin-top:30%;}
.cart_icon img{ width:100px; }
.cart_icon a{ text-align:center; margin:0 auto; margin-top:5px;}
.cart_icon span{ color:#747474; font-size:16px; text-shadow:0px 1px 1px #fff}

.myshopcart .ui-content>div{ margin-top:10em; text-align:center; margin-bottom:15px;}
.myshopcart .ui-content>div img{ width:27%; max-width: 100px;}
.myshopcart .ui-content p{ text-align:center; color:6b6b6b; font-size:12px;}
.myshopcart .ui-content a{ display:block; font-weight: normal; width:40%; margin:10px 0 0 30%; text-align:center; line-height:35px; color:#fff; font-size:14px; background:#f9384d;}



/*==================个人中心-我的购物车====================*/
.my_cart{ padding:1em 0; border-bottom:1px solid #eee; background:#fff;}
.my_cart:last-child{border-bottom:1px solid #eee;}
.my_cart .input{ float:left; width:40px;}
.my_cart .left{ float:left; width:20%;}
.my_cart .left img{ width:100%; display:block;}
.my_cart .center{ float:left; width: calc(80% - 70px - 1em);width:-webkit-calc( 80% - 70px - 1em ); width:-moz-calc( 80% - 70px - 1em ); margin-left:1em;}
.my_cart .center h2{ color:#333; font-weight:normal; font-size:12px; height:30px;line-height: 14px; overflow:hidden;}
.my_cart .center p{ color:#7c7c7c; font-weight:normal; font-size:12px;}
.my_cart .center .cart_num{margin-top: 5px;}
.my_cart .right{ float:left; width:20px;}
.my_cart .right img{ width:15px; margin-top:180%;}
#mypage .cart_num ul.num li a{ padding:0; border:none; color:#333; font-weight:bold; font-size:16px; display:block; height:20px; line-height:20px;}
.cart_num ul.num{ margin-bottom:0;}
.cart_num ul.num li{ margin:0;  background:#e0e0e0; border:1px solid #e0e0e0; padding:3px 4px 0px; float:left;}
.cart_num ul.num li img{ width:15px;}
.cart_num ul.num li:nth-child(3){ padding:0; width:50px;}
.cart_num ul.num li:nth-child(1){ background:none; border:none;}
.cart_delete{ text-align:right; padding:10px; }
.cart_delete img{ vertical-align:middle; width:20px; margin-right:5px;}
#mypage .cart_delete a{ color:#2d85d6; font-weight:normal; font-size:14px; font-family:"微软雅黑";}

#mypage .ui-footer .cart_footer{ background:#fff;}
.cart_footer h2{ color:#353535; font-size:14px; font-weight:normal;}
.cart_footer h2 span{ color:#f9384d; font-size: 12px;}
.cart_footer p{ color:#8e8e8e; font-size:14px; font-weight:normal;}


/*==================个人中心-订单详情====================*/
.order_details .box{ margin:10px 0; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #ddd; padding:10px;}
.order_details .box h2{ color:#000; font-size:14px; font-weight:normal;}
.order_details .box p{ color:#666; font-weight:normal; font-size:12px; line-height: 20px;}
.order_details .box p span{ color:#333;}
.order_details .order_messages{ background:#fff; border-top:1px solid #eee; border-bottom:1px solid #ddd; padding:10px;}
.order_details .order_messages p{color:#666; font-size:12px; font-weight:normal;}
.order_details .order_messages p span{color:#333;}

.details_btn{ overflow:auto; zoom:1;}
.details_btn li{ float:left; width:48%;}
.details_btn li:nth-child(2){ width:48%; float:right;}

.order_ok{ border-bottom:1px solid #ddd; border-top:1px solid #eee; margin:10px 0;}
.order_ok .title{ border-bottom: 1px solid #eeeeee; color: #999999; font-size: 12px; font-weight: normal; line-height: 24px; padding: 5px;}
.order_ok .order_okbox {border-bottom: 1px dashed #eee; padding:10px 5px;}
.order_ok .order_okbox:last-child{ border-bottom:none;}
.order_ok .order_okbox .left{ float:left; width:20%;}
.order_ok .order_okbox .left img{ display:block; width:100%;}
.order_ok .order_okbox .right{ float:right; width:78%;}
.order_ok .order_okbox .right .text{font-weight:normal; font-size:12px; color:#333; overflow:hidden;}
.order_ok .order_okbox .right p{font-weight:normal; font-size:12px; color:#666; margin-top:5px; word-break: break-all; word-wrap: break-word; line-height: 22px;}
.order_ok .order_okbox .right span{ color:#666; font-weight:normal; font-size:12px; padding:2px 6px; margin-right:6px;}
.order_ok .order_okbox .right p font{ color:#333;}
.order_ok table{ padding:10px 0;}
.order_ok td{font-weight:normal; font-family:"微软雅黑"; font-size:12px; color:#8e8e8e; text-align: right; line-height: 20px;}
.order_ok td font{ color: red; margin: 0 3px;}
.order_ok td i{ font-size: 10px; font-style: normal;margin-right: 3px;}

.parcel { margin: 10px 0 0; }
.parcel >div { color: #999999; background: #fff; margin-bottom: 10px; border-top: 1px solid #eee; border-bottom: 1px solid #ddd; }
.parcel >div >p { line-height: 32px; padding: 0 10px; font-size: 12px; }
.parcel >div >p span:last-child{ float: right; color: #f9384d; }
.parcel >div >p span img { width: 24px; position: relative; top: 7px; margin-right: 8px; }
.parcel >div .img_list { overflow: hidden; padding: 10px 10px 6px; border-top: 1px dashed #eee; }
.parcel >div .img_list ul { float: left; width: calc(100% - 65px);width:-webkit-calc( 100% - 65px ); width:-moz-calc( 100% - 65px ); }
.parcel >div .img_list ul li{ float: left; margin: 0 5px 5px 0; }
.parcel >div .img_list ul li img { width: 50px; height: 50px; vertical-align: top; }
.parcel >div .img_list >p { float: right; height: 36px; line-height: 36px; font-size: 12px; width: 65px; text-align: right; }
.parcel >div .img_list >p i { font-style: normal; }
.parcel >div .img_list >p img { width: 12px; position: relative; top: 3px; }
.parcel >div .button { overflow: hidden; padding: 10px; }
.parcel >div .button a { color: #fff; font-weight: normal; font-size: 12px; padding: 3px 10px; float: right; margin: 0 0 0 5px; background: #f9384d; }
.parcel:after { content:""; display:block; height:40px; }

/*==================个人中心-全部订单====================*/
.all_order{ background:#fff; border-bottom:1px solid #ddd; padding:10px 5px; margin-bottom:10px; border-top: 1px solid #eee;}
.all_order:first-child{ margin-top:10px;}
.all_order .top{ border-bottom:1px dashed #eee; padding-bottom:0.5em;}
.all_order .top .left{ float:left; width:60%;}
.all_order .top .left p{ color:#999; font-size:12px; font-weight:normal; font-family:"微软雅黑";}
.all_order .top .left p span{ color:#a24b42;}
.all_order .top .right{ float:left; width:40%;}
.all_order .top .ordertips{ color:#666; font-size: 12px;}
.all_order .foot{ overflow:auto; zoom:1; margin:5px 0 0 0; font-size:12px; border-top: 1px dashed #eeeeee; }
.all_order .foot .left{ float:left; width:40%; padding:8px 0 0;}
.all_order .foot .right{ float:left; width:60%;}
#mypage .all_order .top .right .btn{color:#f9384d; font-weight:normal; font-size:12px; float:right; margin:0; margin-right:5px;}
#mypage .all_order .foot .right .btn{color:#fff; font-weight:normal; font-size:12px; padding:3px 10px; float:right; margin:5px 5px 0 0; background:#f9384d;}
.all_order .bottom{ padding-top:10px;}
.all_order .bottom .left{ float:left; width:20%;}
.all_order .bottom .left img{ display:block; width:100%;}
.all_order .bottom .right{ float:right; width:78%;}
.all_order .bottom .right h2{ max-height:36px; overflow:hidden; color:#333; font-size:12px; font-weight:normal; font-family:"微软雅黑";}
.all_order .bottom .right p{ color:#666;font-size:12px; font-weight:normal; font-family:"微软雅黑"; line-height: 22px; margin-top: 2px;}
.all_order .bottom .right p span{ font-family:"微软雅黑"; font-weight:normal; font-size:12px; padding:2px 6px; margin-right:6px; }

/*==================个人中心-全部订单====================*/
.all_comment{ background:#fff; border-bottom:1px solid #ddd; padding:10px; margin-bottom:10px; border-top: 1px solid #eee;}
.all_comment:first-child{ margin-top:10px;}
.all_comment .top{ border-bottom:1px dashed #eee; padding-bottom:0.5em;}
.all_comment .top .left{ float:left; width:60%;}
.all_comment .top .left p{ color:#999; font-size:12px; font-weight:normal;}
.all_comment .top .left p span{ color:#a24b42;}
.all_comment .top .right{ float:left; width:40%;}

.all_comment .foot{ overflow:auto; zoom:1; margin:5px 0 0 0; font-size:12px;}
.all_comment .foot .right{ text-align:right;}
#mypage .all_comment .foot .right .btn{color:#fff; font-weight:normal; font-size:12px; padding:3px 10px; float:right; margin:0; background:#f9384d; margin-right:5px;}
.all_comment .bottom .left{ float:left; width:20%;}

.all_comment .bottom{ padding-top:10px;}
.all_comment .bottom .left img{ display:block; width:100%;}
.all_comment .bottom .right{ float:right; width:78%;}

.all_comment .bottom .right h2{ max-height:32px;font-size: 14px; line-height: 16px; overflow:hidden; color:#333; font-weight:normal;}
.all_comment .bottom .right p{ color:#666;font-size:12px; font-weight:normal; line-height: 22px; margin-top: 2px;}
.all_comment .bottom .right p span{color:#f9384d}
.all_comment .bottom .right #star{position:relative;width:100%;height:35px; overflow:hidden; }
.all_comment .bottom .right #star span{float:left;display:inline;height:35px;line-height:35px; margin:0; color:#666;  font-weight:normal; font-size:12px;}
.all_comment .bottom .right #star ul{ width:55%; float:left;}
.all_comment .bottom .right #star ul::after{ content:""; display:block; clear:both;}
.all_comment .bottom .right #star li{ box-shadow:none;float:left;width:100%; height:16px; cursor:pointer;text-indent:-9999px;background:url(../images/star_more.png) no-repeat; margin:8px 0 0; background-size:80px;}
.all_comment .bottom .right #star li.on-2{background-position:0 -17px;}
.all_comment .bottom .right #star li.on-3{background-position:0 -33px;}
.all_comment .bottom .right #star li.on-4{background-position:0 -50px;}
.all_comment .bottom .right #star li.on-5{background-position:0 -66px;}

.all_comment .history { border-top:1px dashed #eee; padding-top:0.5em; margin-top:10px; font-size: 12px; color: #666;}
.all_comment .history ul{ overflow:hidden; margin-top: 10px;}
.all_comment .history ul li{ width:75px; height:75px; margin:0 10px 10px 0; position:relative; float:left;}
.all_comment .history ul li img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}

p.more{ text-align:center; color:#969696; font-family:"微软雅黑"; font-weight:normal; font-size:12px; margin-top: 1em;}

/*=============================确认下单=============================*/
.submit_ok .delete_box{ border-bottom:1px solid #e0e0e0; padding:10px;}
.submit_ok .delete_box .left{ float:left;width:10%;}
.submit_ok .delete_box img{ display:block; width:100%;}
.submit_ok .delete_box .center{ float:left; width:26%; margin:0 2%;}
.submit_ok .delete_box .right{ float:left; width:55%;}
.submit_ok .delete_box .right h2{color:#000; font-size:14px; font-weight:normal; font-family:"微软雅黑";white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.submit_ok .delete_box .right h3{ color:#ff0000;font-size:14px; font-weight:normal; font-family:"微软雅黑";}
.submit_ok .delete_box .right p{ color:#000; font-size:12px; font-weight:normal; font-family:"微软雅黑";}
#mypage .submit_ok .delete_box p a{ color:#8e8e8e;font-size:12px; font-weight:normal; font-family:"微软雅黑";}
.submit_ok .delete_box .right_icon{ width:5%; float:left;}
.submit_ok .delete_box .left img {padding-top:50%;}
.submit_ok .delete_box .right_icon img{ padding-top:50%; margin-top:50%;}
.submit_ok .all_money{ text-align:center; color:#8e8e8e; font-weight:normal; font-size:16px; font-family:"微软雅黑"; padding:1em 0;}
.submit_ok .all_money span{ color:#ff0000;}
.yhsx .box{ border-bottom:1px dashed #e0e0e0;}
.submit_ok>ul li a.ui-btn{ background:none!important;}
.submit_ok>ul li{ margin-top:1em; background:#fff;}
.submit_ok>ul li:first-child{ margin:0; border-bottom:1px solid #e0e0e0;}
.submit_ok .order_ok{ background:#fff;}
.submit_ok #div_payment_type{ background:#fff; margin:1em 0 0 0; padding:0.5em 1em; border-bottom:1px solid #ddd; border-top:1px solid #eee;}
.submit_ok #div_payment_type legend{ font-size:14px;}
.submit_ok #div_remark{ background:#fff; margin:1em 0 0 0; padding:0 1em 0.5em; border-bottom:1px solid #ddd; border-top:1px solid #eee; margin-bottom:1em;}
.submit_ok #div_remark legend{ font-size:14px;}

/*==================个人中心====================*/
.user_center ul.top{ padding:18px 10px; overflow:auto; zoom:1; background:#fff; border-bottom:1px solid #ddd;}
.user_center ul.top li{ float:left;}
.user_center ul.top li img{ display:block; width:100%;}
.user_center ul.top li:nth-child(3n+1) .name{ width:50px; height:50px; border-radius:100px; background:url(../images/photo.jpg) no-repeat center; background-size:contain;}
.user_center ul.top li:nth-child(3n+2){ width:55%; float:left; margin-left:10px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.user_center ul.top li:nth-child(3n+2) div{ overflow:hidden;}
.user_center ul.top li h2{ color:#666; font-weight:normal; font-size:14px; float:left;}
.user_center ul.top li:nth-child(3n+2) div span{ float;left; color:#fff; background:#fdb436; padding:2px 8px; font-size:12px; border-radius:100px; margin-left:10px; line-height:24px;}
.user_center ul.top li:nth-child(3n+3){ float:right;}
.user_center ul.top li:last-child { float: right; position: relative; padding-right: 5px; }
.user_center ul.top li:last-child img { width: 30px; height: 30px; }
.user_center ul.top li:last-child i { position: absolute; right: 5px; top: 2px; width: 10px; height: 10px; background: url(../images/msg-icon.png) no-repeat; background-size: cover; }
.user_center ul.top li p{ color:#8e8e8e; font-family:"微软雅黑"; font-weight:normal; font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top: 5px;}
/*.user_center ul.top li:nth-child(3n+3){ width:50px; float:right;}*/
#mypage .user_center ul.top li:nth-child(3n+3) a{ background:#ff0000; color:#fff; font-family:"微软雅黑"; font-size:14px; font-weight:normal; border-radius:3px; display:block; float:right; padding:3px 0; margin-top:12px; width:50px; text-align:center;}

.user_center .coupon{ overflow:hidden; padding:10px 0; border-top:1px solid #eee; background:#fff;}
.user_center .coupon li{ border-left:1px solid #e0e0e0; box-sizing:border-box; width:50%; text-align:center; float:left;}
.user_center .coupon li:first-child{ border:none;}
.user_center .coupon li img{ height:16px;margin-right: 5px;vertical-align: bottom;margin-bottom: 3px;}

.user_center .navbar{ background:#fff; border-bottom:1px solid #ddd; border-top:1px solid #eee; margin:10px 0;}
.user_center .navbar .headtips{border-bottom: 1px solid #eee;position: relative;padding-left: 10px;height: 40px;}
#mypage .user_center .navbar .headtips a{display:block; position: relative; color: #666; font-size: 12px; line-height: 40px; padding: 0 0 0 28px; font-weight: normal;}
#mypage .user_center .navbar .headtips a::after {background: rgba(0, 0, 0, 0) url("../images/usercenter_righticon.png") no-repeat scroll right center / 12px auto; position: absolute; top:14px; right:6px; height:14px; width:14px; content:"";}
.user_center .navbar .headtips span{ position:absolute; top:10px; left:0; background: url(../images/site.png) no-repeat; height:20px; width:20px; background-size:cover; z-index:99;}
.user_center .navbar ul{ overflow:auto; zoom:1; padding:8px 0;}
.user_center .navbar li{ float:left; text-align:center; position:relative; height: 50px; border-right: 1px solid #f0f0f0; width: 25%; box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.user_center .navbar li:last-child{border-right: none;}
.user_center .navbar img{ width:30px; height:30px; margin-bottom:5px;}
.user_center .navbar p{ text-align:center; font-weight:normal; font-size:12px; font-family:"微软雅黑"; line-height:8px;}
#mypage .user_center .navbar li a{ color:#8e8e8e; font-size:12px; font-family:"微软雅黑";}
#mypage .user_center .navbar li .position{ position:absolute; right:50%; top:-1px;border-radius: 50%; background:#ff3638; margin-right:-25px; color:#fff; font-weight:normal; font-family:"微软雅黑";height: 20px;width: 20px;}

.userbox{margin:10px 0; border-top:1px solid #eee; border-bottom:1px solid #ddd;}
#mypage .userbox .ui-listview .ui-btn{ background-color:#fff; line-height: 40px; padding:0 0 0 28px; color: #666; font-size: 12px;}
#mypage .userbox .ui-listview > li.ui-first-child,#mypage .userbox .ui-listview > li.ui-first-child > a.ui-btn{ border-top:none;}
#mypage .userbox .ui-listview > li.ui-last-child,#mypage .userbox .ui-listview > li.ui-last-child > a.ui-btn{ border-bottom:none;}
.userbox li{ position:relative; padding-left:10px; background:#fff; border-bottom:1px solid #eee;}
.userbox li;last-child{ border:none;}
.userbox li a{border:none!important;}
.userbox li span{ position:absolute; top:10px; left:0; background: url(../images/site.png) no-repeat; height:20px; width:20px; background-size:cover; z-index:99;}
.userbox li.setting span{ background-image: url(../images/setting.png);}
.userbox li.mycomment span{ background-image: url(../images/myComment.png);}
.userbox li.returns span{ background-image: url(../images/m_return.png);}

/*=============================商品详情-评价=============================*/
.details_box{ background:#fff; border-bottom:1px solid #eee; padding:10px;}
.details_box .title{ color:#333; font-size:16px; font-weight:normal; font-family:"微软雅黑";}
.details_box .desc{ color:#999; font-size:12px; font-weight:normal; font-family:"微软雅黑";}
.details_box h2{ color:#f9384d; font-size:12px; font-weight:normal; margin-top: 5px; line-height:30px;}
.details_box h2 #salePrice{ font-size:20px;}
.details_box h2 i{ font-size: 18px; font-style: normal; margin-right: 3px;}
.details_box h2 span{ float:right; color:#999; margin-top: 2px;}
.details_box h2 span font{ margin: 0 3px;}
.details_box table td{ text-align:center; color:#999; font-size:12px; font-weight:normal; font-family:"微软雅黑"; padding-bottom:0.5em;}
.details_box table td:nth-child(2n+1){ width:40px; text-align:left; padding-top: 8px;}
.details_box table td ul{ overflow:auto; zoom:1;}
.details_box table td li{ float:left; margin-right:5px; padding:5px 0; margin-top:5px;}
#mypage .details_box table td li a{ color:#666; font-size:12px; font-weight:normal; font-family:"微软雅黑"; border:1px solid #d4d4d4; padding:5px;}
#mypage .details_box table td li a.active{ border:1px solid #f9384d; background:url(../images/gouxuan_icon.jpg) no-repeat right bottom; background-size:10px 10px;}
#mypage .details_box table td li a.scope{ color:#999; border:1px dashed #999;}
#mypage .details_box table td li a.unvalid{ color:#999; border:1px dashed #999; background:#ccc;}
#mypage .details_box ul.num li a{ padding:0; border:none;}

.details_box .selectTip{background-color:#FEFCC9;}
#mypage .details_box table.selectTip td li a{border: 1px solid #8d832c;color: #8d832c;}
.details_box table.selectTip td{color: #8d832c;}

.details_box ul.num{ margin-bottom:0;}
.details_box ul.num li{ margin:0;  background:#e0e0e0; border:1px solid #e0e0e0; padding:7px 5px 3px;}
.details_box ul.num li img{ width:20px;}
.details_box ul.num li:nth-child(2){ padding:2px 0; width:60px;}

.packcontent{ overflow: hidden; color: #999; background:#fff; padding:0 10px; font-size: 12px;}
.packcontent .packname{float: left;width: 40px; padding: 10px 0;}
.packcontent .packc{float: left; color: #666; border-bottom: 1px solid #f9f9f9; padding: 10px 0; width: calc(100% - 40px);width:-webkit-calc( 100% - 40px ); width:-moz-calc( 100% - 40px )}

.privilege_box{ margin-bottom:10px; background:#fff;}
.privilege_box ul{border-bottom: 1px solid #ddd;border-top: 1px solid #eee; padding:0 10px;} 
.privilege_box ul li{ padding:10px 0; overflow:hidden; line-height:18px;}
.privilege_box ul li:not(:first-child){border-top: 1px solid #eee;}
.privilege_box ul li span{font-weight: normal; width: 35px; float:left; font-size:12px; color:#fff; background:#4dd0e1; padding: 0 5px; margin-right:10px;}
.privilege_box ul li div{font-weight: normal; float:left; font-size:12px; color:#666; width: calc(100% - 45px);width:-webkit-calc( 100% - 45px ); width:-moz-calc( 100% - 45px );line-height: 16px;}

.evaluate_box{ margin-bottom:10px; font-size:12px; padding: 10px; border-bottom: 1px solid #ddd; border-top: 1px solid #eee; background:#fff;}
.evaluate_box div{ overflow:hidden; color:#999; position:relative; word-break: break-all; margin-top: 2px; word-wrap: break-word; line-height:16px;}
.evaluate_box .allcomm span{ float:left; color:#666; font-size:12px;}
.evaluate_box .allcomm p{ float:right; margin-right:18px;}
.evaluate_box .allcomm p em{ color:#f9384d; font-style: normal; margin-right: 5px;}
.evaluate_box .allcomm::after{ content:''; height:16px; width: 12px; background: url(../images/usercenter_righticon.png) no-repeat; background-size:cover; position:absolute; right:0;}

.evaluate_box .grade{ top:0; left:0; background:#fff; width:100%;}
.evaluate_box .grade_box{ margin:0.5em 0 0; position:relative; }

.evaluate_box .grade .itemallcomm { border-top:solid 1px #e7e6e6; padding-top: 5px; }
.evaluate_box .grade .itemallcomm span{ float:left; color:#666; font-size:12px;}
.evaluate_box .grade .itemallcomm p { float:right; margin-right:18px;}

.evaluate_box .grade div p{ float:left; line-height:21px;}
.evaluate_box .grade div ul{ float:left;}
.evaluate_box .grade div ul li{ height:24px; width:18px; background:url(../images/star.png) no-repeat; background-position:left 3px; background-size:18px; float:left;}
.evaluate_box .grade div ul li.active{  background:url(../images/star.png) no-repeat;  background-position:left bottom;  background-size:18px;}
.evaluate_box .grade span{}

.evaluate_box .grade .imgbox {
    overflow: hidden;
    color: #999;
    position: relative;
    word-break: break-all;
    margin-top: 2px;
    word-wrap: break-word;
    line-height: 16px;
}
.evaluate_box .grade .imgbox ul {
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
}
.evaluate_box .grade .imgbox ul li {
    float: left;
    width: 23%;
    height: auto;
    margin-right: 2%;
}
.evaluate_box .grade .imgbox ul li img {
    width: 100%;
}

.otherpor_box{ background:#fff; padding-top:10px; margin:10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #ddd;}
.otherpor_box ul{ overflow:hidden; margin-top:10px; padding: 0 10px;}
.otherpor_box h5{ border-left:3px solid #f9384d; font-size:14px; font-weight:normal; padding-left:10px; color: #666;}
.otherpor_box li{ float:left; box-sizing:border-box; margin-right:2%; width:31%; text-align:center;}
.otherpor_box li:last-child{margin-right:0}
.otherpor_box li .otherporimg{ width:100%; position:relative;margin-bottom: 0.5em;}
.otherpor_box li .otherporimg img{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-height:100%; max-width:100%;}
.otherpor_box li p{margin-bottom: 0.5em; text-align: left; font-size:12px; color: #999; height: 28px; overflow: hidden; line-height: 14px;}
.otherpor_box li div { font-size: 12px;}
.otherpor_box li div span{ float:left; color:#f9384d;margin-bottom: 0.5em;}

.search_merchant{font-size: 12px; margin-bottom:1em; padding:10px; background:#fff; border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0; color:#999;}
.search_merchant img{ float:left; height:24px}
.search_merchant p{ float:left; margin-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:24px; width:40%;}
.search_merchant span{ float:right; margin-right:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:24px; width:25%; text-align:right;}
.search_merchant div{ position:relative; overflow:hidden;}
.search_merchant div::after{ top:4px;}

.imgTxt_box p::after,.search_merchant div::after{ content:''; height:16px; width: 12px; background: url(../images/usercenter_righticon.png) no-repeat; background-size:cover; position:absolute; right:0; top:0;}
.imgTxt_box{ margin-bottom:1em;color: #999; font-size: 12px; padding:12px 10px; background:#fff; border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;}
.imgTxt_box p{position:relative; height:18px; line-height:18px;}
.imgTxt_box p img{ height:18px; vertical-align:bottom;}
.imgTxt_box a span{color: #999; font-weight: normal;}

.moredetails::after{ content:''; height:1px; width:80%; position:absolute; top:12px; background:#ccc; left:10%;}
.moredetails p{ text-align:center; width:40%; left:30%; z-index:5; background:#f9f9f9; position:absolute; top:0; line-height:25px; font-size:12px; color:#666;}
.moredetails{ position:relative; height:25px; padding-bottom:1.5em;}
.moredetails_box{ padding:5px 0 50px;}

.store_box{ background-color: white; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; margin: 0.5em 0; padding: 0.5em; font-size: 12px; line-height: 26px;}
.store_box .store_box_content{height: 24px; width:100%; font-weight: normal;}
.store_box .l{float:left; padding-left: 0.5em; color: #333;}
.store_box .r{float:right; padding-right: 0.5em; color: #999;}
.store_box .r img{width:10px; margin: 0.5em 0;}

.details_btn{ margin-top:1em; overflow:auto; zoom:1;}
.details_btn img{ width:20px; vertical-align:bottom; margin-right:5px;}
.details_btn li{ float:left; width:48%;}
.details_btn li:nth-child(2){ width:48%; float:right;}

.pingjia_list{ border-bottom:1px solid #e0e0e0;padding:10px 0;}
.pingjia_list h2{ color:#8e8e8e; font-size:14px; font-weight:normal; font-family:"微软雅黑";}
.pingjia_list h2 span{ float:right;}
.pingjia_list .text{ color:#353535; font-size:14px; font-weight:normal; font-family:"微软雅黑";}
.pingjia_list p{ color:#8e8e8e;}
.details_introduction{ padding:10px; color: #333; font-size: 12px; line-height: 22px;}

.details_footer td img{ height:20px; width: 20px; }
.details_footer td{height: 41px; text-align:center; color:#8e8e8e; font-size:14px; font-weight:normal; font-family:"微软雅黑";}
.details_footer td.opt{ width:35px; position:relative; text-align: left;}
.details_footer td.opt:nth-child(1){ width:45px; padding-left: 10px;}
.details_footer td.opt:nth-child(3){ width:45px; padding-right: 10px;}
.details_footer td.opt .cart_posi{ color:#fff; font-size:10px; font-weight:normal; background:#e4393c; border-radius:100px; position:absolute; left:15px; top:0; padding:0 6px;}
.details_footer td.btn{ width:calc( 100% - 115px );  width:-webkit-calc( 100% - 115px ); width:-moz-calc( 100% - 115px );}

.details_footer ul{ overflow:auto; zoom:1; width:100%;}
.details_footer li{ float:right; width:50%;}
.details_footer li:nth-child(2){ float:right; width:50%;}
.details_footer td p{ line-height:0px;}
.details_footer td a p{ line-height:15px; font-size:12px;}

#mypage .details_footer li a{ display:block; color:#fff; font-weight:normal; background:#f9384d; padding:10px 0;}
#mypage .details_footer li:first-child a{ background:#f6ab29;}
#mypage .details_footer li.offline a{ color:#fff; background:#ccc;}
/*#mypage .details_footer td:nth-child(3n+3) a,#mypage .details_footer td:nth-child(3n+1) a{color:#515151; font-size:14px; font-weight:normal; font-family:"微软雅黑";}*/


/*评价*/
.ProductComment .header{ position:fixed; top:0; left:0; border-bottom: 1px solid #ddd; overflow:hidden; width:100%; padding-left:10%; background:#fff; z-index: 99;}
.ProductComment .headerbtn{position:fixed; left:10px; top:0; width:15px; z-index:999;}
.ProductComment .header .ui-btn,.ProductComment .headerbtn .ui-btn{ background:none!important;}
.ProductComment .headerbtn a{ margin:0; padding:0; border:0; background:none;}
.ProductComment .headerbtn img{ width:100%; margin:6px 0;}
.ProductComment .header li{ float:left; width:50%; text-align:center; padding:0; box-sizing:border-box; position:relative;}
.ProductComment .header li a{ background:none; border:none;}
.ProductComment .header li.active{ color:#f9384d;}
.ProductComment .header li::after{ content:""; width:1px; height:24px; position:absolute; top:50%; margin-top:-12px; right:0; background:#e0e0e0;}
.ProductComment .header li:last-child::after{ display:none;}
.ProductComment .header li.active::before{ content:""; width:80%; height:2px; background:#f9384d; position:absolute; bottom:0; left:10%;}
.ProductComment .content{ margin-top:40px; padding:5px 0;}
.ProductComment .content .evaluate_box{ border-top:none; margin:0;}
.ProductComment .content .evaluate_box.evaluate_box_normal{ text-align:center;}
.ProductComment .content .evaluate_box div:nth-child(1)::after{ display:none;}
.ProductComment .content .evaluate_box div:nth-child(1) p{ margin:0;}
.ProductComment .content .evaluate_box div:nth-child(2) p{float:left; line-height:24px;}
.ProductComment .content .evaluate_box div:nth-child(2) ul{ float:left;}
.ProductComment .content .evaluate_box div:nth-child(2) ul li{ height:24px; width:18px; background:url(../images/star.png) no-repeat; background-size:18px; float:left; background-position:left 3px;}
.ProductComment .content .evaluate_box div:nth-child(2) ul li.active{  background:url(../images/star.png) no-repeat;  background-position:left bottom;  background-size:18px;}
.ProductComment .content .evaluate_box div:nth-child(3){white-space: inherit;text-overflow: inherit;}
.ProductComment .content .evaluate_box div:nth-child(4) ul{ overflow:hidden; width:100%; margin-top:10px;}
.ProductComment .content .evaluate_box div:nth-child(4) ul li{ float:left; width:23%; margin-right:2%;}
.ProductComment .content .evaluate_box div:nth-child(4) ul li img{ width:100%;}
.ProductComment .content .evaluate_box .manager{ padding-top:10px; margin-top:15px; overflow:inherit; border-top:1px solid #eee; position:relative;}
.ProductComment .content .evaluate_box .manager::before,.ProductComment .content .evaluate_box .manager::after
{
    content:"";
     height:0; width:0;
     display:block;
     border-width:10px;
     border-style:dashed dashed solid dashed;
     border-color:transparent transparent #eee transparent;
     position:absolute;
     left:12px;
     top:-20px;
     font-size:0px;
     line-height:0px;
     overflow:hidden;}
.ProductComment .content .evaluate_box .manager::after{ border-bottom-color:#fff; margin-top:1px;}     
.ProductComment .content .evaluate_box .manager span{float:left; color:#f39800; font-size:12px;}
.ProductComment .content .evaluate_box .manager p{ float:right;}

.ProductComment .content .evaluate_box .manager .imglist ul{width:100%; margin-top: 5px;}
.ProductComment .content .evaluate_box .manager .imglist ul li{background:none;height: 75px; margin: 0 10px 10px 0; position: relative; width: 75px;}
.ProductComment .content .evaluate_box .manager .imglist ul li img{width:100%;}

/*=============================宝贝详情-规格参数=============================*/
.details_introduction table{ border:1px solid #e0e0e0; color:#666; border-bottom:none; border-left:none;}
.details_introduction td{ border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:5px;}

.details_introduction .box p{ color:#333; font-family:"微软雅黑"; font-size:12px; line-height:1.5em;}
.details_introduction .box img{ display:block; width:100%; }
.footer_slidernav img{ display:block; width:100%;}
.footer_slidernav{ margin-bottom:4em;}

.details_box table td ul.choose1{ margin:5px 0;}
.details_box table td ul.choose1 li{ padding:0; margin:0;}
.details_box table td ul.choose1 li:nth-child(2n+1){ width:30px;}
.details_box table td ul.choose1 li:nth-child(2n+2){width:calc( 100% - 30px );  width:-webkit-calc( 100% - 30px ); width:-moz-calc( 100% - 30px );}
.details_box table td ul.choose1 .left{ width:50px; height:50px; overflow:hidden; float:left;}
.details_box table td ul.choose1 .right{ float:right; width:calc( 100% - 55px );  width:-webkit-calc( 100% - 55px ); width:-moz-calc( 100% - 55px ); text-align:left; color:#353535; font-family:"微软雅黑"; font-weight:normal; font-size:14px;}
.details_box ul.choose1 .right p{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#mypage .details_box table td ul.choose1 a{ border:none; display:block;}
#two,#three{ display:none;}

/*=============================关于我们=============================*/
.aboutus{ margin:1em;}
.aboutus .title{ text-align:center; margin:10px 2em;}
.aboutus .title img{ display:block; width:100%;}
.aboutus .text{ color:#000; font-family:"微软雅黑"; font-weight:normal; font-size:14px;}
.aboutus .text img{ display:block; width:100%; margin:5px auto;}

/*=============================商品列表=============================*/
.ui-grid-d>.ui-block-a,.ui-grid-d>.ui-block-b,.ui-grid-d>.ui-block-c,.ui-grid-d>.ui-block-d,.ui-grid-d>.ui-block-e {
    background: #ebd3b1;
}
  /** s nav **/
#proListnavbar li a { text-shadow: none; font-size: 14px; background-color: #f9384d; color: #fff; display: block; font-weight: normal; padding: 9px 5px; }
#proListnavbar li.active a { background-color: #d82239; color: #fff; }

@media(max-width:320px){
    #proListnavbar li a { font-size: 13px; }
}
@media(min-width:900px){
    #proListnavbar li a { font-size: 24px; padding: 18px 20px; }
}

.prolist_nav li img{ height:12px;vertical-align:inherit; margin-left:5px;}
.prolist_nav li:first-child{ border-left:none;}
.proList{ background:#fff; padding:5px;}
.proList ul{ overflow:hidden; zoom:1px;}
.proList ul li.tmps1{ margin-bottom:10px;}
.proList ul li.tmps1:nth-child(2n+1){ float:left; width:48%;}
.proList ul li.tmps1:nth-child(2n+2){ float:right; width:48%;}
.proList ul li.tmps1 .img{ position:relative;}
.proList ul li.tmps1 .img img{ display:block; width:100%;}
.proList ul li.tmps1 .img .tit{background:rgba(0, 0, 0, 0.4)!important; filter:Alpha(opacity=40); padding:5px 3%; position:absolute; left:0; bottom:0; width:94%;}
.proList ul li.tmps1 .tit .left{  width:calc( 100% - 35px );  width:-webkit-calc( 100% - 35px ); width:-moz-calc( 100% - 35px ); float:left; color:#fff; font-family:"微软雅黑"; font-size:12px; overflow:hidden; height:35px;}
.proList ul li.tmps1 .tit .right{ float:right; width:30px;}
.proList ul li.tmps1 .tit .right a{ background:#089b55; width:30px; height:30px;display:block; margin-top:3px;}
.proList ul li.tmps1 .tit .right img{ display:block; width:30px; margin:0 auto; padding:3px 0;}
.proList ul li.tmps1 p{ text-align:center; color:#7c7c7c; font-family:"微软雅黑"; font-size:12px; font-weight:normal; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:35px;}

.proList ul li.tmps2{ margin-bottom:10px; width:50%; border-bottom: 1px solid #eee; }
.proList ul li.tmps2:nth-child(2n+1){ float:left; padding-right:5px;}
.proList ul li.tmps2:nth-child(2n+2){ float:right; padding-left:5px; }
.proList ul li.tmps2 .pimg{ position:relative;}
.proList ul li.tmps2 .pimg img.pimgc{ display:block; width:100%;}
.proList ul li.tmps2 .pimg img.picon { position: absolute; top: 0; left: 5px; width: 40px; }
.proList ul li.tmps2 .pimg .sellout{background:rgba(0, 0, 0, 0.5)!important; filter:Alpha(opacity=50); padding:6px 0; position:absolute; left:0; bottom:0; width:100%; text-align: center; color: #fff; font-size: 16px;}
.proList ul li.tmps2 .txt{ word-break:break-all; text-overflow:ellipsis; overflow:hidden; margin-top: 5px; color:#333; font-size:14px; font-weight:normal; line-height: 16px; height: 48px;}
.proList ul li.tmps2 .txt span{color: #999; font-size: 12px; margin-left: 1em;}
.proList ul li.tmps2 .txtsum{ word-break:break-all; text-overflow:ellipsis; overflow:hidden; margin-top: 5px; color:#999; font-size:12px; font-weight:normal; line-height: 14px; height: 28px;}
.proList ul li.tmps2 .tit{}
.proList ul li.tmps2 .tit .left{  width:calc( 100% - 75px );  width:-webkit-calc( 100% - 75px ); width:-moz-calc( 100% - 75px ); float:left; color:#ff0000; font-size:14px; overflow:hidden; height:35px; line-height:35px;}
.proList ul li.tmps2 .tit .left i{ font-size: 10px; font-style: normal; margin-right: 3px;}
.proList ul li.tmps2 .tit .right{line-height: 35px; text-align: right; float:right; width:75px; font-size: 12px; color: #999;}
.proList ul li.tmps2 .tit .right a{ background:#089b55; width:30px; height:30px;display:block; margin-top:3px;}
.proList ul li.tmps2 .tit .right img{ display:block; width:30px; margin:0 auto; padding:3px 0;}

.proList ul li.tmps3{ margin-bottom:0.5em; overflow:auto; zoom:1; border-bottom: 1px solid #eee; padding-bottom: 0.5em;}
.proList ul li.tmps3:last-child{ border-bottom: none;}
.proList ul li.tmps3 .Left{ float:left; width:100px; height:100px; position:relative;}
.proList ul li.tmps3 .Left div{ display:none;}
.proList ul li.tmps3 .Left.sellout div{ display:block; position:absolute; height:100%; width:100%; background:rgba(0,0,0,0.5); color:#fff; font-size:12px; line-height:100px; text-align:center;}
.proList ul li.tmps3 .Right{width:calc( 100% - 100px );  width:-webkit-calc( 100% - 100px ); width:-moz-calc( 100% - 100px ); float:left; }
.proList ul li.tmps3 .Right .txt{word-break:break-all; text-overflow:ellipsis; overflow:hidden;  padding:5px 0 0 1em; height: 34px; line-height: 14px; color:#333; font-size:12px;}
.proList ul li.tmps3 .Right .txtsum{ color:#999;}

.proList ul li.tmps3 .tag {  padding:5px 0 0 1em; }
.proList ul li.tmps3 .tag span{border-radius:2px;background: #ffffff;color: #ff6800;padding: 2px;font-size: 11px;margin-right:2px;margin-top: 5px;border: 1px solid #ff6800;}
.proList ul li.tmps3 .tag span.dibiao{color:#ff8e00;border: 1px solid #ff8e00;}
.proList ul li.tmps3 .tag span.baoyou{color:#fd2424;border:1px solid #fd2424;}
.proList ul li.tmps3 .tag span.youji{color:#0daa0d;border:1px solid #0daa0d;}
  
.proList ul li.tmps3 .tit { padding:5px 0 0 1em;}
.proList ul li.tmps3 .tit .left{ float:left; color:#f9384d; font-size:14px; overflow:hidden; height:17px; line-height:17px;}
.proList ul li.tmps3 .tit .left i{ font-size: 10px; font-style: normal; margin-right: 3px; }
.proList ul li.tmps3 .tit .right{ float:right; line-height:17px; text-align:right; color: #999; font-size: 12px;}
.proList ul li.tmps3 .tit .right a{ background:#fff; width:30px; height:17px;display:block; margin-top:3px;}
.proList ul li.tmps3 .tit .right img{ display:block; width:30px; margin:0 auto; padding:3px 0;} 

.promotionTips{overflow-wrap: break-word; word-break: break-all;  background-color: #fcfcfc; border-bottom: 1px solid #eee; color: #666;}
.promotionTips .title{font-size: 13px;line-height: 16px;color: #ff0000;background: #fff;padding: 5px;}
.promotionTips .cont{ font-size: 12px; line-height: 14px; margin-top: 5px;}

/*首页*/
.hometitle{ background:url(../images/hometitle_bg.jpg) no-repeat center top; background-size:cover; overflow:auto; zoom:1; padding:3px 6px;}
.hometitle .left,.hometitle .right{ width:50%; float:left;}
.hometitle .left img{ display:block; width:90px;}
.hometitle ul{ overflow:auto; zoom:1; text-align:right; float:right;}
.hometitle ul li{ float:right; margin:8px 5px;}
.hometitle ul img{ width:25px;}
.homepic img{ display:block; width:100%;}
#mypanel .ui-collapsible-heading.ui-collapsible-heading-collapsed{ border-bottom:1px solid #ccc;}
/*分享*/
#mcover,#guanzhu { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); display: none;  height: 100%;  left: 0;  position: fixed; top: 0; width: 100%;
 z-index: 20000;}
#mcover img { height: 180px !important; position: fixed; right: 18px;top: 5px; width: 260px !important; z-index: 20001;}
#guanzhu img { height: 220px !important; position: fixed; right: 18px; top: 5px; width: 220px !important; z-index: 20001;}

#mypage .details_btn li a{ background:#f9384d; color:#fff; font-family:"微软雅黑"; font-weight:normal; font-size:14px; padding:0.5em 0; display:block; text-align:center; border:none;}

#mypage a.cartbtn{ display:block; background:#f9384d; color:#fff; font-family:"微软雅黑"; font-weight:normal; font-size:14px; text-align:center; padding:0.5em 0; margin-right:1em;}

.btn1{ margin:2em 1em;}
#mypage .btn1 a{ display:block; padding:0.5em 0; background:url(../images/allbtn_bg.jpg) no-repeat center top; background-size:cover; color:#fff; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:normal;}

/*======退款详情=========*/
.integral {background-color: #fff; overflow: hidden;}
.integral .title{ margin: 10px; color:#666; font-weight:normal; font-size:12px; border-bottom:1px dashed #eee; padding-bottom:5px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;}
.integral .title .left{float: left;}
.integral .title .right{float: right;}
.integral .box{ border-left:2px solid #f9384d; margin-left:60px; height:100%; padding:0 10px 20px;;}
.integral .box h2{ color:#6d6d6d; font-weight:normal; position:relative; }
.integral .box .text{ color:#999; font-weight:normal; font-size:14px; padding:5px 10px; background:#fcfcfc; border:1px solid #e0e0e0; border-radius:5px; position:relative; margin-left:10px;}
.integral .box .text .position{ position:absolute; top:10px; left:-10px;}
.integral .box .text .position img{ width:10px;}
.integral .box .text h3{ color:#666; font-weight:normal; font-size:12px; border-bottom:1px dashed #eee; padding-bottom:5px;}
.integral .box .text .txt{ color:#666; font-weight:normal; font-size:12px; padding-top:5px;}
.integral .box .text .imglist{}
.integral .box .text .imglist img{margin-right: 1%; margin-top: 5px; width: 32%;}
.integral .box h2 .icon{ position:absolute; left:-20px; top:12px; width:17px; background:#fff; border-radius:20px;}
.integral .box h2 .time{ position:absolute; left:-65px; top:12px; width:45px; text-align:center;}
.integral .box .time h3{ color:#999; font-weight:normal; font-size:12px; line-height:13px;}
.integral .box .time p{ color:#999; font-size:12px; font-weight:normal;}

#mypage .tuikuanbtn{ margin:2em 1em;}
#mypage .tuikuanbtn a{ background:#f9384d; color:#fff; font-weight:normal; font-size:14px; padding:0.5em 0; display:block; text-align:center; border:none;}

/*============申请退款===============*/
.apply_refund{ margin:10px 0; background:#fff; border-bottom:1px solid #ddd; border-top:1px solid #eee; padding:10px;}
.apply_refund .title{ color:#666; font-weight:normal; font-size:12px; border-bottom:1px dashed #eee; padding-bottom:5px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;}
.apply_refund .txt{ color:#666; font-weight:normal; font-size:12px; padding-top:5px; overflow:hidden; word-break:break-all;}
.apply_refund .title .left{float: left;}
.apply_refund .title .right{float: right;}
.apply_refund .box{ padding:10px 0 0; overflow:auto; zoom:1;}
.apply_refund .box .left{ float:left; width:70px; height:70px;}
.apply_refund .box .left img{ width:100%;}
.apply_refund .box .right{width:calc( 100% - 80px );  width:-webkit-calc( 100% - 80px ); width:-moz-calc( 100% - 80px ); float:right;}
.apply_refund .box .right .text{ color:#666; font-weight:normal; font-size:12px; overflow:hidden;}
.apply_refund .box .right p{ color:#666; font-weight:normal; font-size:12px; padding-top:8px;}
#mypage .apply_refund .box .right p a{ float:right; color:#fff; font-weight:normal; font-size:12px; background:#f9384d; padding:3px 10px; border-radius:3px;}

/*============退款列表===============*/
.refund_list{ margin:1em 0; background:#fff; border-bottom:1px solid #ddd; border-top:1px solid #eee; padding:10px;}
.refund_list .title{ color:#666; font-weight:normal; font-size:12px; border-bottom:1px dashed #eee; padding-bottom:5px; overflow:auto; zoom:1;}
.refund_list .title .left{float:left;}
.refund_list .title .right{ float:right;color:#f9384d;}
#mypage .refund_list .title a{ float:right;  font-weight:normal; font-size:12px; display:block; width:60px; text-align:right;}
.refund_list .title font{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all; display:block; float:left;}
.refund_list .title span{ color:#666;}
.refund_list .box{ padding:10px 0 0; overflow:auto; zoom:1;font-size: 12px;color: #666;}
.refund_list .box .left{ float:left; width:70px; height:70px;}
.refund_list .box .right{width:calc( 100% - 80px );  width:-webkit-calc( 100% - 80px ); width:-moz-calc( 100% - 80px ); float:right;}
.refund_list .box .right .text{ color:#666; font-weight:normal; font-size:12px; height:40px; overflow:hidden;}
.refund_list .box .right p{ color:#666; font-weight:normal; font-size:12px; padding-top:8px;}
.refund_list .bottom{ border-top:1px solid #eee; padding:5px 0; text-align:right;}
.refund_list .bottom span{ color:#000; font-weight:normal; font-size:12px; margin-left:10px;}
.refund_list .bottom strong{ font-size:14px; font-weight:500;}

/*============提交退款申请===============*/
.refundbox .textinput{ background:#fff; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; margin:1em 0 0;}
.refundbox .addphoto{ margin:1em 0.5em; overflow:auto; zoom:1;}
.refundbox .addphoto p{ color:#898989; font-family:"微软雅黑"; font-weight:normal; font-size:12px; text-align:left;}
.refundbox .addphoto img{ display:block; width:40px;}
.refundbox .addphoto_upload{ width:50px;}
.refundbox .addphoto_list{ overflow:hidden;}
.refundbox .addphoto_list li{ width:auto; height:65px; float:left; margin:0 8px 8px 0; position:relative;}
.refundbox .addphoto_list li img{ max-height:100%; max-width:100%; width:auto;}
.refundbox .addphoto_list li .delete-pto { position: absolute; right: 0; top: 0; width: 15px; height: 5px; display: block; background-color: #3388cc; }

#mypage .refundbox .ui-input-text,#mypage .refundbox .ui-select .ui-btn{ box-shadow:none; border:none; background:none; margin:0; padding:0.5em 0;}
#mypage .refundbox .ui-input-text{ padding:5px 10px;}
#mypage .refundbox .ui-icon-carat-d:after{ background:url(/wap/shop/images/icon_bottom.png) no-repeat right center; background-size:contain; width:15px;}
#mypage .refundbox .ui-select .ui-btn > span:not(.ui-li-count){ color:#333; text-align:left; font-size:12px; padding-left:10px; font-family:"微软雅黑"; font-weight:normal;}
#mypage .refundbox .ui-select{ margin:0;}
#mypage .refundbox .ui-select option{ font-size:12px; padding-left:10px;}
#mypage .refundTop{ position:relative; background:#fff; text-align:center; color:#333; line-height:20px; padding:5px 25px; border-bottom:1px solid #e0e0e0;}
#mypage .refundTop img{ position:absolute; left:10px; height:15px; top:8px;}

/*商品目录*/
.cate_textpic{border-bottom:1px solid #e0e0e0;;}
.cate_textpic .LIST{ background:#fff; padding:10px;  overflow:auto;zoom:1;}
.cate_textpic .LIST .left{ width:40px; height:40px; overflow:hidden; float:left;}
.cate_textpic .LIST .left img{ display:block; width:100%;}
.cate_textpic .LIST .right{width:calc( 100% - 50px );    width:-webkit-calc( 100% - 50px );  width:-moz-calc( 100% - 50px ); float:right; position:relative;}
.cate_textpic .LIST .right .icon{ position:absolute; right:0px; top:50%; margin-top:-6px; width:17px;}
.cate_textpic .LIST .right span{ display:block;width:calc( 100% - 20px );    width:-webkit-calc( 100% - 20px );  width:-moz-calc( 100% - 20px ); float:left;}
.cate_textpic .LIST .right h2{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333; font-family:"微软雅黑"; font-size:14px; font-weight:normal;}
.cate_textpic .LIST .right p{ color:#999; font-family:"微软雅黑"; font-size:12px; font-weight:normal;  overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.cate_textpic .cate_textbox{ padding:5px; overflow:auto; zoom:1; background:#fff;}
#mypage .cate_textpic .cate_textbox a{padding:1px 7px; color:#333; font-family:"微软雅黑"; font-size:12px; font-weight:normal; border:1px solid #eee; margin:0 3px 7px; display:block; float:left;}

/*================我的收藏列表====================*/
.searchResultContainer .ui-icon-carat-r::after{ background:url(/wap/shop/images/usercenter_righticon.png) no-repeat right center; background-size:contain;}
.searchResultContainer .ui-listview{ margin:0;}
.searchResultContainer .ui-listview > li h2{ color:#333; font-family:"微软雅黑"; font-size:14px; font-weight:normal;}
.searchResultContainer .ui-listview > li p{color:#666; font-family:"微软雅黑"; font-size:12px; font-weight:normal;}

/*================积分列表==================*/
.scoreloglist h3{ color:#333; font-family:"微软雅黑"; font-size:16px; font-weight:normal; margin:10px 0; text-align:center;}
.scoreloglist table.gridtable{ font-size:12px; color:#333333; border:1px solid #ccc; border-collapse:collapse; width:100%; text-align:center;}
.scoreloglist table.gridtable th{ border:1px solid #ccc; padding:8px; background-color:#dedede; color:#333; font-family:"微软雅黑"; font-size:12px; font-weight:normal;}
.scoreloglist table.gridtable td{ border:1px solid #ccc; padding:8px; background-color:#ffffff;}

/*================账号设置==================*/
.SETTING .ui-icon-carat-r:after{ background:url(/wap/shop/images/usercenter_righticon.png) no-repeat right center; background-size:12px;}
.ui-content .SETTING  .ui-listview{ margin:0; box-shadow:none;}
.SETTING .userbox .ui-btn.ui-btn-icon-right.ui-icon-carat-r{ padding-left:0;}
.SETTING .ui-btn.ui-btn-icon-right.ui-icon-carat-r{ padding-left:0.5em; color:#535353; font-family:"微软雅黑"; font-size:14px;}

/*=========空数据============*/
.nullresults img{ margin:30% auto 1em; display:block; width:100px;}
.nullresults p{ color:#666; font-family:"微软雅黑"; font-weight:normal; text-align:center; font-size:16px;}
.nullresults p a{ color:#119d59;}
/*按钮*/
.nullresults .nullbutton{ text-align:center; margin:20px 0;}
.nullresults .nullbutton a{ color:#55585b; font-family:"微软雅黑"; font-weight:normal; font-size:14px; padding:7px 30px; border:1px solid #e0e0e0; border-radius:5px; box-shadow:0px -6px 5px -8px #999 inset;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#dcdcdc);
background:-moz-linear-gradient(top,#fff,#dcdcdc);
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#dcdcdc));         
background: -webkit-linear-gradient(top, #fff, #dcdcdc);
background: -o-linear-gradient(top, #fff, #dcdcdc);
}

/*=========dialog============*/
#popup_confirm_dialog{ background:#fff; border:none;}
#popup_confirm_dialog .ui-title{ color:#333; font-size:16px; font-family:"微软雅黑"; padding-top:15px; }

/*======easyDialog======*/
.easyDialog_text label{ color:#333; font-size::14px; font-family:"微软雅黑"; height:20px; line-height:20px;}
.easyDialog_text p input{ width:90%; padding:5px 5%; border:1px solid #e8e8e8; height:20px; line-height:30px;color:#666; font-size::14px; font-family:"微软雅黑";}
.easyDialog_text .btn{ margin-top:1em;}
.easyDialog_text p:nth-child(even){ margin-bottom:10px;}
.easyDialog_text .btn input{ border:0; background:#089b55; color:#fff; font-size::14px; font-family:"微软雅黑"; width:100%; text-align:center; padding:0.7em 0; }


/*================订单支付====================*/
.orderpay .top{ position:relative; background:#f9384d; padding:20px 0; overflow:hidden;}
.orderpay .top .backBtn{ position:absolute; top:20px; left:10px; width:10%;;}
.orderpay .top .header{ text-align:center; color:#fff; margin-bottom:10px;} 
.orderpay .top .header h5{ width:25%; margin:0 auto; border-radius:50%; overflow:hidden;}
.orderpay .top .header h5 img{ width:100%;}
.orderpay .top .header div p:first-child{ font-weight:bold;}
.orderpay .top .countDown{ float:left;    margin-left: 10%;}
.orderpay .top .countDown li{ color:#fff; margin-left:3px;}
.orderpay .top .countDown li span{ margin-right:2px;}
.orderpay .top .countDown li span::before{ display:none;}
.orderpay .productList{ padding: 5px 10px 8px; overflow:hidden; background:#fff;}
.orderpay .productList .left{ float:left; width:25%; padding:10px 0; box-sizing:border-box;}
.orderpay .productList .left img{ width:100%;}
.orderpay .productList .right{ float:right; width:70%; box-sizing:border-box; padding:5px 0;}
.orderpay .productList .right h5{ font-weight:normal;}
.orderpay .productList .right div{ margin-top:20px;}
.orderpay .productList .right div p span{ color:#f9384d; font-size:18px;}
.orderpay .productList .right div p em{ color:#c9c9c9; margin-left:5%; text-decoration:line-through; font-size:14px;}
.orderpay .bottom{ background:#fff; margin-top:15px; padding:15px 10px;}
.orderpay .bottom .scheduleBar{ width:100%; border:1px solid #f9384d; border-radius:100px; height:20px; position:relative; overflow:hidden;}
.orderpay .bottom .scheduleBar span{ position:absolute; width:50%; height:100%; left:0; top:0; background:#f9384d; border-radius:100px;}
.orderpay .bottom .scheduleInfo{ margin-top:10px; overflow:hidden;}
.orderpay .bottom .scheduleInfo p:nth-child(1){ float:left;}
.orderpay .bottom .scheduleInfo p em{ color:#f9384d;}
.orderpay .bottom .scheduleInfo p:nth-child(2){ float:right;}
.orderpay .bottom textarea{ height:150px!important; box-shadow: none; margin:15px 0;}
.orderpay .bottom .paybtn{ display:block; width:100%; background:#f9384d; border-radius:3px; height:45px; line-height:45px; text-align:center; color:#fff; font-size:14px;}
.orderpay .bottom ul{ margin:0 auto; width:80%; padding:20px 0; overflow:hidden;}
.orderpay .bottom ul li{ float:left; margin-right:5%; border:1px solid #e0e0e0; border-radius:3px; color:#626262; box-sizing:border-box; width:30%; text-align:center; line-height:30px; font-size:14px;}
.orderpay .bottom ul li:last-child{ margin:0;}
.orderpay .bottom ul li.active{ background:#f9384d; color:#fff; border:none;}


/*================商城首页====================*/
.search_store{ padding:6px 10px; overflow:hidden; width:100%; background:#f9384d; box-sizing:border-box; z-index:999;}
.search_store>div{ width:80%; height:28px; position:relative; float:left;}
.search_store>div a img{ position:absolute; width:14px!important; top:8px; left:7px;}
.search_store>div a{font-size: 12px; display:block; width:100%; height:28px; border-radius: 5px; background:#d82239; line-height:28px; padding-left:25px; color:#fff!important; box-sizing:border-box; position:relative; font-weight:normal;}
.search_store .ui-input-search{box-shadow: none;border-radius: 0; margin:0;font-size: 12px}
.search_store input{ line-height:20px; padding-left:25px;}
.search_store>img{ height:22px; float:right; margin:4px 0 0 5%;}

.storedefault h5{ border-left:3px solid #f9384d; color: #666; font-size:14px; font-weight:normal; padding-left:10px; margin:10px 0;}

.storedefault .navBar{ position:relative;}
.storedefault .navBar .ui-tabs{ padding:0; margin:0;}
.storedefault .navBar ul{ overflow:hidden; background:#fff; border-bottom:1px solid #e0e0e0;}
.storedefault .navBar ul li{ float:left; width:20%; text-align:center; color:#6b6b6b; padding:12px 0 10px; font-size:12px; background:none; box-sizing:border-box;}
.storedefault .navBar ul li a{ background:none!important; border:none; padding:0; color: #666;}
.storedefault .navBar ul li a img{ width:auto; height:10px; margin: 0 0 3px 3px; vertical-align:bottom;}
.storedefault .navBar ul li.active{ color:#f9384d; border-bottom:2px solid #f9384d;}
.storedefault .navBar .others{ position:absolute; top:38px; left:0; background:rgba(0,0,0,0.5); z-index:99; display:none;}
.storedefault .navBar .others ol{ overflow:hidden;}
.storedefault .navBar .others ol li{ float:left; padding:3px 10px; background:#fff; margin-left:8px; margin-top:5px; font-size:12px; border-radius:3px; font-weight:normal;}

/* 滚幕字 */
.adverTxt{ overflow:hidden; border-bottom:1px solid #ddd; background:#fff; position:relative; height:32px;}
.adverTxt .adverTxt_box{ position:absolute; left:0; top:0; width:100%; padding:3px 10px; box-sizing:border-box; background:#fff;}
.adverTxt img{ float:left; width:15px; margin:6px 0 0 0;}
.adverTxt marquee{ float:left; width:70%;}
.adverTxt p{float:left; width:65%; color:#666; font-size: 12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:26px; margin-left:5px;}
.adverTxt a{ float:right; background:#f9384d; color:#fff!important; text-align:center; width:25%; font-size:12px; padding:3px 0; border-radius:3px; font-weight:normal;}

/* 秒杀 */
.dayKill{ background:#fff; border-top:1px solid #eee; border-bottom:1px solid #ddd; margin-top:10px; overflow:hidden;}
.dayKill>div{ overflow:hidden; padding:0 5px 5px; margin:0 5px 0;}
.dayKill>div div:nth-child(1){ float:left; width: 105px;}
.dayKill>div div:nth-child(1) p:nth-child(2){ color:#8f8f8f; font-size:12px;}
.dayKill>div img{ float:left; width:70px; height:70px; margin-left:8%;margin-top: 5px;}
.dayKill>div div:nth-child(3){ float:right; width:25%;margin-top: 5px;}
.dayKill>div div:nth-child(3) p{ color:#b49057; text-align:center; font-size:14px; margin-bottom: 5px;}
.dayKill>div div:nth-child(3) a{ display:block; text-align:center; color:#fff; background:#ff7200; padding:3px 0; font-weight:normal; border-radius:3px; font-size:12px;}

.countDown{ overflow:hidden; margin-top: 5px;}
.countDown li{ float:left; margin-left:1px; color:#000;}
.countDown li span{ float:left; padding:1px 3px; background:#303030; border-radius:3px; color:#fff; margin-right:1px; position:relative;}
.countDown li span:last-child{ margin:0;}
.countDown li span::before{ content:""; width:100%; height:1px; background:#fff; position:absolute; top:11px; left:0;}

/* 限时抢购 */
.dayRush{ background:#fff; margin-top:10px; border-top:1px solid #eee; border-bottom:1px solid #ddd; overflow:hidden;}
.dayRush .left{ float:left; width:40%; box-sizing:border-box; border-right:1px solid #eee; text-align:center; padding:10px 5px; height:200px;}
.dayRush .left ul{ display:inline-block;}
.dayRush .left p{ color:#999; text-align:center; font-size:12px; margin-top: 5px;}
.dayRush .left p em{ margin-left: 3px; font-style: normal;}
.dayRush .left img{ max-width:100%; max-height: 150px; display:block; margin:5px auto 0;}

.dayRush .right{ float:right; width:60%;}
.dayRush .right>div{ height:100px; box-sizing:border-box; overflow:hidden; padding:10px 10px 0;}
.dayRush .right>div.hotSell{ border-bottom:1px solid #eee;}

.dayRush .right .hotSell .title{ float:left; font-weight: normal; width: 60%;}
.dayRush .right .hotSell .title .pname { color:#333; font-size:14px;}
.dayRush .right .hotSell .title .shortdesc {color:#666; font-size:12px;}
.dayRush .right .hotSell .title .sellcount{ color:#999; font-size:12px; margin-top: 10px;}
.dayRush .right .hotSell .title .sellcount em{ margin-left: 3px; font-style: normal;}
.dayRush .right .hotSell .pic{ float:right; text-align: center; width: 40%;}
.dayRush .right .hotSell .pic img{ max-height: 70px; max-width: 100%;}

.dayRush .right .newSell .title{ float: right; text-align:right; font-weight: normal; width: 60%;}
.dayRush .right .newSell .title .pname { color:#333; font-size:14px;}
.dayRush .right .newSell .title .shortdesc {color:#666; font-size:12px;}
.dayRush .right .newSell .title .sellcount{ color:#999; font-size:12px; margin-top: 10px;}
.dayRush .right .newSell .title .sellcount em{ margin-left: 3px; font-style: normal; }
.dayRush .right .newSell .pic{ overflow:hidden; width: 40%;}
.dayRush .right .newSell .pic img{ display:block; max-height: 80px; max-width: 100%;}


/* 产品展示-推荐 */
.xiaovstyle3{ background:#fff; margin:10px 0; border-top:1px solid #eee; border-bottom:1px solid #ddd; }
.xiaovstyle3 ul{ overflow:hidden; padding: 0 0 10px 0;}
.xiaovstyle3 ul li{ float:left; box-sizing:border-box; width:33.3%; padding:0 5px; text-align:center;}
.xiaovstyle3 ul li:nth-of-type(3)~li{ margin-top: 15px;}
.xiaovstyle3 ul li>a>img{ width:80%; vertical-align: middle;}
.xiaovstyle3 ul li p{ color: #666; line-height: 22px; text-align: center; overflow: hidden; margin-bottom: 5px;}
.xiaovstyle3 ul li p.xvtitle{font-size:16px;}
.xiaovstyle3 ul li p.xvdesc{font-size:12px; line-height: 16px;}
.xiaovstyle3 ul li div{ overflow:hidden; text-align: center;}
.xiaovstyle3 ul li div span{ float:left; color:#f9384d; font-size: 12px;}
.xiaovstyle3 ul li div span em{margin-right: 3px; font-size: 12px; font-style: normal;}
.xiaovstyle3 ul li div i{ font-size: 12px; font-style: normal; color: #999;}
.xiaovstyle3 ul li div i em{ margin-left: 3px; font-style: normal;  }

/* 产品展示-宫格 */
.dayfavorable{ background:#fff; margin:10px 0; border-top:1px solid #eee; border-bottom:1px solid #ddd; }
.dayfavorable ul{ overflow:hidden;}
.dayfavorable ul li{ float:left; box-sizing:border-box; border-right:1px solid #eee; width:115px; padding:0 5px; text-align:center;}
.dayfavorable ul li:last-child{border: none}
.dayfavorable ul li>a>img{ width:100%;}
.dayfavorable ul li p{ font-size:12px; height: 28px; color: #666; line-height: 14px; text-align: left; overflow: hidden; margin-top: 5px;}
.dayfavorable ul li div{ overflow:hidden; margin-top: 5px;}
.dayfavorable ul li div span{ float:left; color:#f9384d; font-size: 12px;}
.dayfavorable ul li div span em{margin-right: 3px; font-size: 12px; font-style: normal;}
.dayfavorable ul li div i{ float:right; width:65px; font-size: 12px; font-style: normal; color: #999; text-align:right;}
.dayfavorable ul li div i em{ margin-left: 3px; font-style: normal;  }


/* 产品展示-宫格 */
.dayhot{ background:#fff; margin:10px 0; border-top:1px solid #eee; border-bottom:1px solid #ddd; }
.dayhot ul{ overflow:hidden; padding: 0 0 10px 0;}
.dayhot ul li{ float:left; box-sizing:border-box; border-right:1px solid #eee; width:33.3%; padding:0 5px; text-align:center;}
.dayhot ul li:nth-of-type(3)~li{ margin-top: 15px;}
.dayhot ul li:nth-child(3n){border: none}
.dayhot ul li>a>img{ width:100%;}
.dayhot ul li p{ font-size:12px; height: 28px; color: #666; line-height: 14px; text-align: left; overflow: hidden; margin-top: 5px;}
.dayhot ul li div{ overflow:hidden; margin-top: 5px;}
.dayhot ul li div span{ float:left; color:#f9384d; font-size: 12px;}
.dayhot ul li div span em{margin-right: 3px; font-size: 12px; font-style: normal;}
.dayhot ul li div i{ float:right; width:65px; font-size: 12px; font-style: normal; color: #999; text-align:right;}
.dayhot ul li div i em{ margin-left: 3px; font-style: normal;  }

.storedefault .storeBanner img{ display:block; width:100%;}

/* 产品分类 */
.storedefault .classify{ margin:10px 0; background-color: #fff; overflow:hidden;  border-top:1px solid #eee; border-bottom:1px solid #ddd;}
.storedefault .classify h5{ border-left:3px solid #f9384d; font-size:14px; font-weight:normal; padding-left:10px;}
.storedefault .classify ul{ overflow:hidden; padding:5px 0;}
.storedefault .classify ul li{ float:left; width:33.33%; position:relative;}
.storedefault .classify ul li:nth-child(3n){ margin-right:0;}
.storedefault .classify ul li div{ width:100%; overflow:hidden; text-align:center;}
.storedefault .classify ul li div img{ width:100%;}
.storedefault .classify ul li p{ line-height:22px; color:#666; text-align:center;font-size: 12px;font-weight: normal;}

.storedefault #wrapper1 { position: relative; z-index: 1; width: 80px; }
.storedefault #wrapper1 >ul {position: absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}
.storedefault #wrapper1 >ul +div { display: none; }   

.storedefault .content_wrapper { width: calc(100% - 81px); height: 100%; margin-left: 81px; background: #fff; overflow: auto; }
.storedefault .content_wrapper .item_list,
.storedefault .content_wrapper .recommends_list { overflow: hidden; zoom: 1; }
.storedefault .content_wrapper .item_list li,
.storedefault .content_wrapper .recommends_list li { float: left; width: 25%; box-sizing: border-box;}
.storedefault .content_wrapper .item_list li a div,
.storedefault .content_wrapper .recommends_list li a div{ width: 100%; text-align: center; }
.storedefault .content_wrapper .item_list li a div img,
.storedefault .content_wrapper .recommends_list li a div img{ max-width: 40px;max-height:40px;}    
 @media screen and (max-width: 320px){
   .storedefault .content_wrapper .item_list li,
.storedefault .content_wrapper .recommends_list li {width: 33%;}
  }
    @media screen and (min-width: 420px) {
    .storedefault .content_wrapper .item_list li,.storedefault .content_wrapper .recommends_list li { float: left; box-sizing: border-box; width:80px;}
     }

.storedefault .content_wrapper .item_list li >p,
.storedefault .content_wrapper .recommends_list li >p{ line-height: 22px; color: #666; text-align: center; font-size: 12px; font-weight: normal; }
.storedefault .content_wrapper .content_item .content_title i { display: inline-block; width: 8px; height: 8px; background-color: #f9384d; border-radius: 50%; vertical-align: middle; margin-left: 10px; }
.storedefault .content_wrapper .content_item .content_title font {color: #666666; vertical-align: middle; font-size: 14px; }
.storedefault .content_wrapper .recommends_list{margin-top: 0;}

/* 产品展示-平铺 */
.storedefault .actboxContainer{ border-top:1px solid #eee; border-bottom:1px solid #ddd; background:#fff; overflow:hidden; margin-bottom:10px;}
.storedefault .actboxContainer .actbox {padding: 0.5em; border-bottom:1px solid #eee;} 
.storedefault .actboxContainer .actbox:last-child{border: none}
.storedefault .actboxContainer .actbox p{color: #999; font-size: 12px;}  
.storedefault .actboxContainer .indexbox{ background:#fff; margin-bottom:10px; margin:0.5em 0}
.storedefault .actboxContainer .indexbox h2{ color:#f9384d; font-size:14px; font-weight:normal; line-height:20px; margin-top: 0.5em;}
.storedefault .actboxContainer .indexbox h2 a{ color:#ef0000; font-size:12px; float:right; font-weight:normal;}
.storedefault .actboxContainer .indexbox img{ display:block; width:100%;}

/**************************************抵用卷************************************************/
.cuponlist .head{ height:40px; border-bottom:1px solid #e0e0e0; background:#fff; position:relative;}
.cuponlist .head h3{ color: #666; font-size: 14px; font-weight: normal; line-height: 40px; text-align: center;}
.cuponlist .head img{ position:absolute; top:10px; left:10px; width:12px;}
.cuponlist .address { margin-top: 10px; }
.cuponlist .address li{ overflow:hidden; margin-bottom:5px; padding:0 10px; background:#fff; border-bottom:1px solid #ddd; border-top:1px solid #eee; position: relative;}
.cuponlist .address li .left{ width:70px; top: 50%;; color:#fff; text-align:center; position:absolute; margin-top: -35px;}
.cuponlist .address li .left div{ width:70px; height:70px; background: url(../images/yhq.png) no-repeat; background-size:cover; overflow:hidden;}
.cuponlist .address li .left h5{ font-size:12px; margin-top:18px;}
.cuponlist .address li .left h5 span{ font-size:16px;}
.cuponlist .address li .left p{ font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cuponlist .address li .right{ float:left; width:calc(100% - 80px); width:-webkit-calc(100% - 80px); width:-moz-calc( 100% - 80px ); margin-left:80px;}
.cuponlist .address li .right .top{ overflow:hidden; padding-bottom:3px; line-height:30px;}
.cuponlist .address li .right .top p{ float:left;}
.cuponlist .address li .right .top span{ float:right; color:#f9384d; font-size:12px;}
.cuponlist .address li .right .cent{ overflow:hidden; border-bottom:1px solid #eee; border-top:1px solid #eee; padding:5px 0;}
.cuponlist .address li .right .cent h4{ font-size:14px;}
.cuponlist .address li .right .cent p{ font-size:12px; color:#a8a8a8;}
.cuponlist .address li .right .cent span{ background:#ffae00; color:#fff; font-size:12px; display:inline-block; padding:0 3px; margin:3px 0;}
.cuponlist .address li .right .bottom{ line-height:40px; color:#666666; font-size:12px; position:relative;}
.cuponlist .address li .right .bottom::after{content:""; position:absolute; top:10px; right:0; height:20px; width:20px; background:url(../images/right_icon2.png) no-repeat; background-size:contain;}


/**************************************拼货************************************************/
.spellcargo .ui-content{ padding-bottom:1em;}
.spellcargo .top{ background:#fff; border-top: 1px solid #eee; border-bottom: 1px solid #ddd;}
.spellcargo .top li{ overflow:hidden; padding:5px; border-bottom:1px solid #eee; position:relative;}
.spellcargo .top li::after{ content:''; position:absolute; right:10px; top:35px; height:20px; width:20px; background: url(../images/gou_0.png) no-repeat; background-size:cover;}
.spellcargo .top li.active::after{ content:''; position:absolute; right:10px; top:35px; height:20px; width:20px; background: url(../images/gou.png) no-repeat; background-size:cover;}
.spellcargo .top li:last-child{border-bottom: none}
.spellcargo .top li div:first-child{ float:left; position:relative; height:60px; width:60px;}
.spellcargo .top li div img{ position:absolute; margin:auto; left:0; top:0; max-height:100%; max-width:100%;}
.spellcargo .top li div:nth-child(2){ float:left; width:calc(100% - 92px); width:-webkit-calc(100% - 92px); width:-moz-calc( 100% - 92px ); margin-left:10px;  word-break: break-all; word-wrap: break-word;}
.spellcargo .top li p{ line-height:16px; font-size: 12px; overflow:hidden;}
.spellcargo .top li p.pt{ max-height: 32px;}
.spellcargo .top li p.pd{ color: #666;}
.spellcargo .top li p.pp{ color: #666; margin-top: 5px;}
.spellcargo .top li i{ color: #f9384d; font-size: 14px; font-style: normal;}
.spellcargo .top li>a{ float:right; width:80px; line-height:30px; background:#f9384d; border-radius:3px; color:#fff; font-weight:normal; text-align:center;}
.spellcargo .list{ overflow:hidden; padding: 0 10px; margin:1em 0 2em;}
.spellcargo .list li{ float:left; width:18%; margin-right:2.5%; box-sizing:border-box; border:2px solid #fff; border-radius:50%; position:relative; overflow:hidden; margin-top:1em;}
.spellcargo .list li:nth-child(5n){ margin-right:0;}
.spellcargo .list li img{position:absolute; margin:auto; left:0; top:0; max-height:100%; max-width:100%;}
.spellcargo .leader{ overflow:hidden; padding:8px 10px; color:#fff; background:#727272;}
.spellcargo .leader_box{ position:relative;}
.spellcargo .leader_box::after{ content:""; position:absolute; left:50%; top:-20px; height:0; width:0; border-width:10px; border-style:dashed dashed solid dashed; border-color: transparent transparent #727272 transparent; font-size:0px; overflow:hidden; line-height:0;}
.spellcargo .leader div{ float:left; height:30px; width:30px; position:relative; border-radius:50%; overflow:hidden;}
.spellcargo .leader div img{ position:absolute; margin:auto; left:0; top:0; max-height:100%; max-width:100%;}
.spellcargo .leader p{ float:left; width:25%; margin-left:10px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.spellcargo .leader span{ float:right; text-align:right; width:58%; font-size:12px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.spellcargo .othermem{ background:none; padding:0;}
.spellcargo .othermem li{ background:#fff; border-top:1px solid #e0e0e0; padding:8px 10px; border-bottom:1px solid #e0e0e0; margin-top:10px; color:#585858; overflow:hidden;}
.spellcargo .foot{ background:#fff!important; border-top:1px solid #e0e0e0; padding:10px 10%; overflow:hidden; box-sizing:border-box;}
.spellcargo .foot a{ width:46%; float:left; background:#ffa200!important; border-radius:3px;  text-align:center; line-height:35px; color:#fff!important; font-size:14px; padding:0; margin:0; border:none; box-shadow:none;}
.spellcargo .foot a:last-child{ float:right; background:#f9384d!important;}
.spellcargo .box{ color: #666; background: #fff none repeat scroll 0 0; border-bottom: 1px solid #ddd; border-top: 1px solid #eee; font-size: 14px; margin: 0.5em 0; padding: 1em 5px;}


/**************************************秒杀************************************************/
.startkill,.subinfo{ height:calc(100% - 54px); height:-webkit-calc(100% - 54px); height:-ms-calc(100% - 54px); height:-moz-calc(100% - 54px);}
.startkill .ui-content{ height:100%; background: url(../images/seckillbg.jpg) no-repeat; background-size:100% 100%;}
.startkill .ui-content>p{ text-align:center; width:100%; position:absolute; color:#f2c353; top:33%; left:0; font-size:18px;}
.startkill .ui-content>img{ width:50%; position:absolute; top:43%; left:25%;}
.startkill .ui-content .killbtna{ position:absolute; bottom:13%; overflow:hidden; width:80%; left:10%;}
.startkill .ui-content .killbtna a{ float:left; width:48%; background: url(../images/killbtn.png); background-size:100% 100%; color:#fff; text-align:center; line-height:40px; font-weight:normal;}
.startkill .ui-content .killbtna a:last-child{ float:right;}
.startkill .ui-content .tip{ height:100%; width:100%; position:fixed; background:rgba(0,0,0,0.5); top:0; left:0; display:none;}
.startkill .ui-content .tip div{ position:absolute; top:20%; left:5%; width:90%; height:50%;  background: url(../images/giftbg.png) no-repeat; background-size:100% 100%;}
.startkill .ui-content .tip div img{  width:60%; margin:0 auto; margin-top:22%; display:block;}
.startkill .ui-content .tip div p{ margin-top:10px; text-align:center; font-size:20px; font-weight:bold; color:#b0000a;}
.startkill .ui-content .tip div a{ display:block; margin-left:20%; border-radius:5px; margin-top:15px; width:60%; background:#d84235; line-height:40px; font-size:16px; text-align:center; color:#ffe132; }
.intro .ui-content>p{ padding:0 5%; box-sizing:border-box; color:#fff; font-size:12px; text-align:left;}
.subinfo .ui-content{ height:100%; background: url(../images/killinfobg.jpg) no-repeat; background-size:100% 100%;}
.subinfo .ui-content img{ width:60%; display:block; margin:20% auto 0;}
.subinfo .ui-content h5{ font-size:20px; color:#fff; text-align:center;}
.subinfo .ui-content ul{ width:80%; margin:10% auto 0;}
.subinfo .ui-content ul li{ overflow:hidden; margin-bottom:5%;}
.subinfo .ui-content ul li .left{ float:left; width:20%; font-weight:bold; color:#fff; line-height:32px;}
.subinfo .ui-content ul li .right{ float:right; width:80%;}
.subinfo .ui-content ul li .right .ui-input-text{ margin:0; border-radius:5px; box-shadow:none;}
.subinfo .ui-content .killsubbtn{ display:block; width:100%; background: url(../images/killbtn.png); background-size:100% 100%; color:#fff; text-align:center; line-height:40px; font-weight:normal; margin-top:10%;}
.mypresent{ background:#8F010F!important;}
.mypresent .ui-content{ min-height:528px; background: url(../images/seckillbg.jpg) no-repeat; background-size:100% 100%;}
.mypresent  .ui-content ul{ display:block; width:283px; margin:57% auto 0; }
.mypresent  .ui-content ul li{ overflow:hidden; margin-bottom:8%; height:80px;  background:url(../images/coupon1.png); background-size:cover;}
.mypresent  .ui-content ul li .left{ float:left; padding:10px 5px; color:#d63d1a; width:187px; box-sizing:border-box;}
.mypresent  .ui-content ul li .left h5{ text-align:center; font-size:30px;}
.mypresent  .ui-content ul li .left h5 span{ font-size:20px;}
.mypresent  .ui-content ul li .left p{ text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px;}
.mypresent  .ui-content ul li .right{ width:96px; float:left; text-align:center; color:#fff; font-size:20px; font-weight:bold; box-sizing:border-box; padding:10px; height:100%;}
.mypresent  .ui-content ul li.res{ background-image: url(../images/coupon2.png);}
.mypresent  .ui-content ul li.res img{ height:40px; display:block; margin: 0 auto 5px;}
.mypresent  .ui-content ul li.res .right{ padding:0;}
.mypresent  .ui-content ul li.res .right span{ font-size:12px; text-align:center; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/**************************************MessageIndex/消息中心************************************************/
.MessageIndex { background: #fff; }
.MessageIndex .ui-content { background: #f4f4f4; }
.MessageIndex .ui-content .listview { margin-top: 8px; }
.MessageIndex .ui-content .listview li a.ui-btn { padding:10px 5px; margin: 0; background: #fff; border-color: #eee; }
.MessageIndex .ui-content .listview li:first-child a.ui-btn { border-top: none; }
.MessageIndex .ui-content .listview li:not(:last-child) a.ui-btn { border-bottom: none; }
.MessageIndex .ui-content .listview li a.ui-btn img { width: 40px; height: 40px; }
.MessageIndex .ui-content .listview li a.ui-btn >div { float: left; text-align: left; }
.MessageIndex .ui-content .listview li a.ui-btn div.list_left { margin-right: 10px; }
.MessageIndex .ui-content .listview li a.ui-btn div.list_right { color: #999; width: calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); }
.MessageIndex .ui-content .listview li a.ui-btn div.list_right h2 { color: #666; margin-bottom: 5px; font-size: 14px; overflow: hidden; text-align: left; }
.MessageIndex .ui-content .listview li a.ui-btn div.list_right h2 b { float: left; }
.MessageIndex .ui-content .listview li a.ui-btn div.list_right h2 span { float: right; margin-top: 4px; font-size: 12px; color: #999; }
.MessageIndex .ui-content .listview li a.ui-btn div.list_right h2 span i{ font-style: normal; margin-left: 12px; font-weight: normal; }
.MessageIndex .ui-content .listview li a.ui-btn div.list_right p { font-size: 12px; white-space: nowrap; box-sizing: border-box; text-overflow: ellipsis; overflow:hidden;}
.MessageIndex .ui-content .listview li a.ui-btn div.list_right h2 b i { margin-left: 5px; display: inline-block; width: 10px; height: 10px; background: url(../images/msg-icon.png) no-repeat; background-size: cover; }



/**************************************MessageList/消息列表************************************************/
.MessageList { background: #fff; }
.MessageList .ui-content .listview { margin-top: 8px; }
.MessageList .ui-content .listview li a.ui-btn { white-space: normal; background-color: #fff; border-color: #eee; margin: 0; }
.MessageList .ui-content .listview li:first-child a.ui-btn { border-top: none; }
.MessageList .ui-content .listview li:not(:last-child) a.ui-btn { border-bottom: none; }
.MessageList .ui-content .listview li a.ui-btn h2 { text-align: left; font-size: 14px; color: #383737; font-weight: normal; margin-bottom: 8px; }
.MessageList .ui-content .listview li a.ui-btn h2 span { float: right; margin-top: 4px; font-size: 12px; color: #9d9999; }
.MessageList .ui-content .listview li a.ui-btn h2 span i { font-style: normal; margin-left: 12px; font-weight: normal; }
/*.MessageList .ui-content .listview li a.ui-btn img { width: 100%; margin: .32rem 0; }*/
.MessageList .ui-content .listview li a.ui-btn p { box-sizing: border-box; font-size: 12px; color: #999; text-align: left; }
.MessageList .ui-content .listview li a.ui-btn h2 b i { margin-left: 5px; display: inline-block; width: 10px; height: 10px; background: url(../images/msg-icon.png) no-repeat; background-size: cover; }
/*.MessageList .ui-content .listview li >p { position: relative; text-align: right; padding: 0 1rem .3rem; color: #999; font-size: .6rem; }
.MessageList .ui-content .listview li >p i { position: absolute; right: .4rem; top: .28rem; width: .42rem; height: .42rem; background: url(../images/msg-icon.png) no-repeat; background-size: cover; }*/


/**************************************VideoProductList/V视频列表************************************************/
.VideoProductList { background: #f5f5f3; }
.videoListBox ul { background: #fff; border-bottom: 1px solid #ddd; }
.videoListBox ul li { padding: 10px 0; margin: 0 5px; overflow: hidden; border-bottom: 1px solid #eee; }
.videoListBox ul li:last-child { border: none; }
.videoListBox ul li a img { width: 100%; }
.videoList { width: 100px; height: 75px; float: left; position: relative; }
.videoList a img { width: 100%; height: 100%; }
.videoIcon { width: 30px; height: 30px; display: inline-block; background: url(/wap/shop/images/VideoProduct/play.png) no-repeat center; background-size: 100%; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; }
.videoListBox .videoInfo {float: left; padding-left: 10px; width: calc(100% - 100px); width:-webkit-calc( 100% - 100px ); width:-moz-calc( 100% - 100px )}
.videoListBox .videoInfo p:first-child { font-size: 16px; color: #333; line-height: 16px; }
.videoListBox .videoInfo p:not(:first-child){ margin-top: 5px; color: #666; font-size: 12px; line-height: 14px; }

/**************************************VideoProductDetail/V视频详情************************************************/
.RelatedProducts .fr { float: right; font-size: 12px; margin-right: 5px;}
.RelatedProducts .fl { float: left; }
.RelatedProducts .clear { content: ""; display: block; clear: both; zoom: 1; }
.RelatedProducts .overflow { overflow: hidden; }
.RelatedProducts .clamp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal !important; }
.VideoProductDetail { background: #f5f5f3; }
.videoPlaySection { background: #000; position: relative; }
.videoPlaySection embed { height: 15em; }
.videoBtn { width: 63px; height: 63px; position: absolute; top: 50%; left: 50%; margin-top: -31.5px; margin-left: -31.5px; }
.VideoProductDetail .videoInfo { border-bottom: 1px solid #dddddd; padding: 15px 5px; margin-bottom: 5px; background: #fff; }
.VideoProductDetail .videoInfo p.title { font-size: 14px; line-height: 16px;}
.VideoProductDetail .videoInfo p.summary { color: #666666; font-size: 12px; line-height: 14px; margin-top: 5px;}
.VideoProductDetail .videoInfo p.uptime { font-size: 12px; color: #999; margin-top: 5px;}
.RelatedProducts { background: #fff; margin: 10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #ddd; }
.RelatedProducts >p { font-size: 14px; padding-left: 10px; margin: 8px 0; border-left: 3px solid #f9384d; color: #666; }
.RelatedProducts >p .more a { color: #999999; font-weight: normal; }
.RelatedProducts ul { overflow: hidden; padding: 0 0 10px 0; }
.RelatedProducts ul li { float: left; width: 33.3%; text-align: center; padding: 0 5px; box-sizing: border-box; border-right: 1px solid #eee; }
.RelatedProducts ul li:nth-child(3n) { border: none; }
.RelatedProducts ul li:nth-of-type(3)~li { margin-top: 15px; }
.RelatedProducts ul li a { color: #333; font-weight: normal; }
.RelatedProducts ul li a img { width: 100%; }
.RelatedProducts ul li p { font-size: 12px; height: 28px; color: #666; line-height: 14px; text-align: left; margin-top: 5px; overflow: hidden; }
.RelatedProducts ul li div { font-size: 12px; overflow: hidden; margin-top: 5px; }
.RelatedProducts ul li div span { float: left; color: #f9384d; font-size: 12px; }
#mypage .all_order .foot .right .newbtn{
    width: 65px;
    padding: 2px 5px;
    text-align: center;
    border-radius: 3px;
    height: 24px;
    line-height: 20px;
}
#mypage .all_order .foot .right .newbtn2{
    width: 65px;
    padding: 2px 5px;
    text-align: center;
    border-radius: 3px;
    height: 24px;
    line-height: 18px;
    background: #fff;
    border: 1px solid #f9384d;
    color: #f9384d;
}
#shoppingDialog .buybtn{
    width: 90px;
    padding: 2px 5px;
    text-align: center;
    border-radius: 3px!important;
    height: 38px;
    line-height: 33px;
    background: #f9384d!important;
}
#shoppingDialog .buybtn2{
    width: 90px;
    padding: 2px 5px;
    text-align: center;
    border-radius: 3px!important;
    height: 38px;
    line-height: 33px;
    background: #fff!important;
    border: 1px solid #f9384d!important;
    color: #f9384d!important;
}
#mypage a.cartbtn{
    width: 65px;
    padding: 2px 5px;
    text-align: center;
    border-radius: 3px;
    height: 30px;
    line-height: 25px;
    font-size: 16px;
    margin: 0;
    margin-bottom: 6px;
}
.submit_footer .ui-btn-i{
    background: #f9384d !important;
    width: 65px;
    padding: 2px 5px;
    text-align: center;
    border-radius: 3px !important;
    height: 30px;
    line-height: 27px;
    font-size: 13px ;
}
.ui-footer .ui-navbar ul li{
    background:#fff!important;
}
#ShopFooter li{
    flex: 1;
}
/*#ShopFooter li:nth-child(6){
    position: fixed!important;
    background:url(../images/footnavlogo.png) no-repeat 0 0 /100%!important;
    width:50px;
    height:40px;
    bottom:24px;
    left:50%;
    margin-left:-25px;    
    z-index: 1001;
}*/
#gokill{
    width:80px;
    position: fixed;
    right:0px;
    top:60%;
    animation:qikill 1s 1;
    -webkit-animation:qikill 1s 1;
    z-index: 100;
}
#gokill img{
    width:100%;
}
@keyframes qikill
    {
    0% {transform: translateX(15px) rotate(13deg);}
    10% {transform: translateX(-30px) rotate(-18deg);}
    75% {transform: translateX(15px) rotate(13deg);}
    100% {transform: translateX(0px) rotate(0deg);}
    }

@-webkit-keyframes qikill
    {
    0% {transform: translateX(15px) rotate(13deg);}
    10% {transform: translateX(-30px) rotate(-18deg);}
    75% {transform: translateX(15px) rotate(13deg);}
    100% {transform: translateX(0px) rotate(0deg);}
    }

